I'm having this trouble and I need your help. Here's my package.json file
"dependencies": {
...
"vue": "^2.6.11",
"vue-template-compiler": "^2.6.11",
...
}
and when y execute npm install and I check for the vue and the vue-template-compiler packages in my node_modules folder there are both the same version (2.6.11). But here is my problem, when I load my site I have this error message:
Error: Module build failed: Error:
Vue packages version mismatch:
- vue#2.6.11
- vue-template-compiler#2.5.2
This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader#>=10.0, simply update vue-template-compiler.
If you are using vue-loader#<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.
So I checked the version of the vue-loader I have in my node_modules and its version is higher 10.0, so I executed npm update vue-template-compiler just as it says at the error message, but it not makes any changes (because in my node_modules folder I alredy have the correct version).
I checked the current version of vue-template-compiler in the NPMJS site and is 2.6.11, as like as the current vue version.
I tried delete the node_modules folder and re-install with npm install, I tried delete node_modules folder + package-lock.json file and re-install, I tried execute npm update and re-install, I deleted my browser's cache. I tried everything I found related with my problem, but nothing worked. So here I am, if anybody knows what could be happening please help, I don't know what to do anymore. I'm using Laravel 5.5.
Related
So, I had used sass before using npm install node-sass for my reactjs project. I'm now working on a new project and wanted to use sass again. With the same syntax npm install node-sass to get it installed, I continued to get
./src/components/Main.scss (./node_modules/css-loader??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/react-scripts/node_modules/sass-loader/lib/loader.js??ref--6-oneOf-5-3!./src/components/Main.scss)
Error: Node Sass version 8.0.0 is incompatible with ^4.0.0.
Or
to import sass files, you first need to install node-sass. run `npm install node-sass` or `yarn add node-sass` inside your workspace
...
...
I followed the instructions to have sass installed from the links npmjs
sass-lang
using these syntaxes
brew install sass/sass/sass
npm install -g sass
but I'm still encountering either errors I mentioned earlier.
I tried deleting the node-module folder, package-lock.json and reinstalled node-modules. That still did not fix the error. Also, I followed how others got around fixing Node Sass version 5.0.0||6.0.0|| 7.0.0 incompatibility issue but that did not fix mine.
I'm seeking help now.
Don't use node-sass anymore
You can easily fix it by the following.
npm uninstall node-sass
npm install sass
This is because node-sass is now deprecated. You will have to install its new version which is sass. Sinc it works all the same and better, this will easily fix the issue without making any additional changes.
And all Works well !
But if you still prefer to use node-sass
You can use the following table to install the appropriate version node-sass for your installed Node.js version which you can check by the command node --version.
npm install node-sass#(your version)
update sass-loader, or remove and install again.
Try this: In your packege.json file, delete "node-sass": "^4.12.0" and replace it with "sass": "". This did it for me.
You can follow these two steps:
Uninstall your node-sass:
npm uninstall node-sass
Install old version node-sass:
npm install --save-dev --unsafe-perm node-sass#4.14.1
It's okay now
The answer for me was to update react-scripts to 4.0.3. I couldn't do the latest version of react-scripts because it still requires a bunch of hacks to make packages work that had polyfilled modules automatically loaded before.
after I installed vue.js on my laravel project and running npm run dev this error comes out.
I was having the same problem, basically what was happening is that my version of VUE did not match the version of vue-loader and vue-template-compiler
To solve it I just had to match the versions in package.json and npm install
here are the versions I'm using
"vue": "^2.6.11",
"vue-loader": "^15.9.6",
"vue-template-compiler": "^2.6.12",
"laravel-mix": "^6.0.6",
My issue arose after running php artisan ui vue --auth. What happened is that this command added vue v2 as a dev dependency in my package.json, while I had already installed vue 3.
Running npm install installed the version 2 vue, which led to a version mismatch with vue-loader and vue-template-compiler.
I solved the issue by getting rid of the added vue 2 dependency, and running npm install again.
have been trying to install firebase through npm
using,
Npm install --save firebase
then it return an error saying
unexpected end of file while parsing input 3434DFDFSDFSGF.. and so on
and have tried diiferent solution on this platfoam such as
Npm cache clean --force
cache verify and so on...
please help...
Delete node_modules folder, go to package.json file add "firebase": "^7.7.0", in dependencies. You can which ever version is required.
Then run command npm install.
If this doesn't work check node js version. Check if your node js version is supported or not by firebase version which is intalled.
I'm working with a particular dependency which has 2 versions, the community version and the enterprise version. They have both been installed mistakenly.
Here is what part of the dependencies section in the package.json looks like and I want to uninstall (eventually) everything but the first one. However when trying to uninstall ag-charts-community it doesn't work.
"dependencies": {
"#ag-grid-enterprise/all-modules": "^23.2.1",
"ag-charts-community": "^2.0.0",
"ag-charts-vue": "^2.0.0",
"ag-grid-community": "^23.2.1",
"ag-grid-enterprise": "^23.2.1",
"ag-grid-vue": "^23.2.1",
},
When I try to run
npm uninstall --save ag-grid-community
It deletes it from package.json, however it persists in node_modules folder and in package-lock.json. How can I delete all instances of ag-grid-community in those aforementioned areas?
After running npm run watch in terminal on my php laravel project I got this error:
Module build failed: Error:
Vue packages version mismatch:
- vue#2.3.2
- vue-template-compiler#2.2.6
This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader#>=10.0, simply update vue-template-compiler.
If you are using vue-loader#<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.
I tried to run this command npm update vue-template-compiler but the error remained.
Did somebody else meet with this problem?
I found the soluiton, I had to delete the node_modules folder, after I had to run npm install then the problem is solved.