npm start react项目babel-loader报错解决

575 阅读1分钟

最近在学react,建了个react的项目,然后npm start的时候一直说依赖树babel loader要安装8.0.6版本的,装了好几次还是报错,期间安装过node.js等一直无效,最后定位到webpack上,怀疑webpack版本过高导致的问题。

首先我们要做的是删除webpack 然后装一个4.11的webpack。

按下面命令一步步执行

删除全局webpack-cli

npm uninstall -g webpack-cli

删除本地(局部)webpack-cli

npm uninstall webpack-cli

删除本地webpack

npm un webpack

删除json

rm -rf node_modules package-lock.json package.json

创建一个新的本地项目目录名为webpack-demo

mkdir webpack-demo

进入目录

cd webpack-demo

创建package.json文件

npm init -y

安装webpack

npm install --save-dev webpack@4.11

安装webpack-cli

npm install --save-dev webpack-cli

检查webpack是否安装成功

node_modules/.bin/webpack -v

打印出4.11

再重新创建和npm start react的项目就可以了。