为什么在运行npm start时，webpack会报错？-HCRM博客

1. Webpack版本冲突问题

在运行React项目时，如果遇到npm start启动报错，问题可能指向Webpack的版本不匹配，根据提示，可能是全局安装的Webpack版本与项目所需版本不同导致，解决方案包括创建.env文件忽略检查、删除packagelock.json和node_modules、手动调整Webpack版本或者全局删除Webpack并重新安装指定版本。

（图片来源网络，侵权删除）

步骤	操作
1	创建.env文件，添加SKIP_PREFLIGHT_CHECK=true来忽略检查。
2	删除packagelock.json和/或YARN.lock文件。
3	删除项目文件夹中的node_modules。
4	从package.json文件中移除"webpack"依赖项和/或devDependencies。
5	运行npm install或yarn，取决于使用的包管理器。

2. 使用createreactapp创建项目时的Webpack版本问题

在使用createreactapp创建项目，并在npm start运行时，控制台报错可能是因为项目依赖的webpack版本与已安装的版本不匹配。

步骤	操作
1	如果使用了webpack 4.x，需要卸载全局webpackcli：npm uninstall g webpackcli。
2	删除本地（局部）webpackcli：npm uninstall webpackcli。
3	删除全局webpack：npm uninstall g webpack。
4	删除本地webpack：npm un webpack。
5	检查webpack残余文件，如果有则删除：rm rf node_modules packagelock.json package.json。
6	安装webpack最新版本或特定版本：npm install savedev webpack或npm install savedev webpack@。
7	安装webpackcli：npm install savedev webpackcli。

3. webpack中npm install启动项目报错的解决方案

如果在webpack中使用npm install启动项目时遇到报错，可以尝试以下步骤：

步骤	操作
1	全局安装webpack：npm i webpack g。
2	本地安装webpack到项目依赖中：npm install savedev webpack或npm install savedev webpack@。
3	如果使用webpack 4+版本，还需要安装CLI：npm install savedev webpackcli。

4. FAQs

Q1: 如何解决npm start时由于babelloader版本不兼容导致的报错？