Error of spawn vue-cli-service ENOENT after updating vue cli? - vue.js

My vue project started throwing errors last night. At first I thought it was some sort of node issue because my project wasn't fully loading, which wasn't an issue before and I kept getting an audit issue about my cli plugin. I update node to the latest version and it uploaded fully once, then later it stopped loading and showing anything on the screen. This morning, I tried loading it through the vue cli instead of the terminal and noticed they had updated the vue cli plugin. I updated my vue cli plugin and tried to build my project but now I'm getting this error
"spawn vue-cli-service ENOENT"
can anyone help me with this error and what to do to get my vue project back up and running? Everything was up and running fine before this. Not really sure what is going on. I also have the following plugins running on my project, not sure if that may be impacting anything: vuetify, axios, vuex, vue router, and I have firebase and firestore, as well.
Thanks in advance for your help!

Please use the following link. It worked for me right away.
https://programmerah.com/solution-of-serve-with-message-spawn-vue-cli-service-enoent-395/
I ran all this in Windows shell
in CMD into the project directory (this is very important!!)
execute NPM install
re-import in the visualization panel. (I just ran "vue ui")
Prior to doing this I had installed node using windows installer and then the following from the powershell
npm update -g #vue/cli
npm install -g #vue/cli-service-global
restart if you need to, go to the project directory in powershell and "vue ui" without quotes and it worked after that. I was able to compile and run the project without any issues. Once the task is built, you may open a new tab and goto localhost:8080
best of luck! (it was a witch-hunt for me)

Related

Error build shows NextJS instead of NuxtJS

I've create a project using
yarn create nuxt-app <project-name>
Then chose to add tailwind to the app. When i run the app i get this though...
localhost:3000
I've i run the app on my laptop it works, but if i run it on the desktop it does not work. The gitignore are the same. I'm not sure what is wrong? I've placed a copy of my project here if someone could help me please.
I'd expect to see the nuxtjs logo...
It's just the default boiler plate stuff for a vue, nuxt with tailwind project.
https://www.dropbox.com/s/ljf8a0ixel9ij0n/kanri-frontend-main.zip?dl=0
I am very sure you just started the wrong project. Did you run the start command from the wrong folder maybe? The files you provided are the nuxt ones, there is nothing with next in them. Please double check you did the "npm run dev" or the yarn command or whatever you're using from the correct project folder.

Vue UI: "This relative module was not found"

I have used Vue before with Laravel, and now I am getting started with Vue CLI. I have installed Vue CLI and used Vue UI to create my first project. It pre-installs the Hello World example, but when I go to Task > Build, I get the following error:
This relative module was not found:
* ./src/main.js in multi ./src/main.js
Why is this? I can see the file there, and as far as I can see I have not made any config choices or changes that would cause this problem.
I tried removing the node_modules directory and running npm install, but that did not seem to help.
When I was installing Vue CLI I ran into an error because I am on macOS Catalina, but I googled it and installed some Xcode tools and that seemed to sort it out.
I created a second project and the Hello World example works fine there. I noticed that, as part of the process - in the terminal screen - it installed some additional plugins. So perhaps that is what was missing from the first project.
The first project still does not compile, but I am happy to delete it and work with the second.

How can i use Vue-Lottie in Vue.js?

I'm currently working on my Homework with VUE.Js which i found something cool in web which it was using After Effect animation in projects. so here's my question, How should i import it in project and use it?
Documentation said i should install via npm and use it by a simple code in vue.js file, but it won't work, so i guess i should use app.js file to import it, but i don't know how should i make it work. Can anyone explain how i can use it in my project? i don't need a full code to bother anyone, just how should i import from app.js and how should i use json file to make it appear in project.
Here's the Github link : https://github.com/chenqingspring/vue-lottie
Problem was in Development Mode.
Since i was using npm run watch , I thought it's normal like other npm packages but it wasn't, then i restarted with npm run prod and it's worked. doesn't matter if i use npm run watch or npm run dev. it only work when i'm using npm run prod.

Weex - why can not I start the project

I have a problem with weex. I wanted to start to learn to write a Vue app using weex, but I have a problem because I can not download the package. I have an empty folder and enter the command from the npm documentation install weex-toolkit -g, but it will give me such an error.
Image error:
https://cdn.discordapp.com/attachments/424284796068429824/431948032897187841/unknown.png
The error is from an npm dependency, fsevents, not weex per-se.
Have you tried on a different platform, or see if the toolkit got installed anyway?

Vue js Cli app running in another computer

I would like to share my Vue js application project which is in my repository with a friend. So I used vue-cli, npm/yarn and webpack to develope.
I would like to know if he needs to install also cli to run the app on his computer, or just npm install and npm run? thanks
No, the vue-cli is not strictly necessary. However, if you're used to using vue build to build & run your app, your friend might want that too. He/she could just use some other way to run the webpack build operation if installing vue-cli isn't an option.