年webpack4 react报错怎么办

 所属分类:web前端开发

 浏览:207次-  评论: 0次-  更新时间:2022-12-28
描述:更多教程资料进入php教程获得。 webpack4 react报错的解决办法:1、进入全局安装的webpack目录下;2、把安装的webpack版本删除;3、执行命...
更多教程资料进入php教程获得。

webpack4 react报错的解决办法:1、进入全局安装的webpack目录下;2、把安装的webpack版本删除;3、执行命令“npm un webpack npm un webpack-cli”;4、再执行“npm i webpack-dev-server@3.10.2”命令即可。

本教程操作环境:Windows10系统、react18.0.0版、Dell G3电脑。

webpack4 react报错怎么办?

react 项目本地升级webpack4后报错解决办法

4d84c50fca4a2d48b652b854f957f82.jpg

报错如上图:

解决办法,进入全局安装的webpack目录下:

a0acef753044b544132ab299a167440.jpg

进入到目录下:先把安装的webpack版本删除:

依次执行以下命令:

npm un webpack
npm un webpack-cli
npm un webpack-dev-server
npm i webpack@4.41.5
npm i webpack-cli
npm i webpack-dev-server@3.1.14
登录后复制

然后运行项目:

有报错如下:

0fd5f7ef22fa9707e52a08af43f2bcc.jpg

我们刚刚安装的dev-server版本不对,重新执行

npm i webpack-dev-server@3.10.2
登录后复制

问题解决。

推荐学习:《react视频教程》

以上就是webpack4 react报错怎么办的详细内容,更多请关注zzsucai.com其它相关文章!

 标签: react,webpack,
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!