react-scripts required old version of webpack

user_13577152 0
Viewed 6734

I installed webpack into my react project, but the same error occurred every time when I use npm start:

The react-scripts package provided by Create React App requires a dependency:

"webpack": "4.42.0"

Don't try to install it manually: your package manager does it automatically. However, a different version of webpack was detected higher up in the tree:

C:\react\minimoj\node_modules\webpack (version: 4.43.0)

I tried to remove package-loc.json file + all node_modules + remove webpack name from package.json and reinstall it with npm install. Also I tried same with yarn, but it didn't help. I see that in node_modules version is 4.43 and after I use npm install webpack in the file package-loc.json it shows 4.43, but at the moment when I use npm start it changed to 4.42 and error occur. In addition I also reinstall node.js but it didn't help.

npm webpack reactjs node.js
3 Answers

create .env file and add SKIP_PREFLIGHT_CHECK=true

user_125946070

I had similar with a newer webpack version being installed than what react_scripts required. To fix I deleted webpack and webpack-dev-server from my project's node_modules, went to a console outside of the project dir and ran

npm uninstall webpack
npm uninstall webpack-dev-server

Then ran

npm install
npm run build

And all was well, as my package.json was correct without change.

user_8304130

Since webpack is mostly focused on common js according to some websites, I just tried rollup for my react project and it proved to be much more effective as it supports es+. I would highly recommend it. I took a couple minutes to have everything setup and ready. Also, as a good practice it is better to use yarn as npm has had a lot of known issues for node app management.

user_104900280
Related