反应：“反应脚本启动”找不到模块 webpack

Question

当我什至不在此特定分支中使用 webpack 时，我都会收到此错误。 我以前从未在我的主分支中遇到过这个错误。 但是，我想学习 webpack，所以我创建了我的项目的webpack分支并在该分支中安装 webpack（假设我在本地正确安装了 webpack）。 现在，当我切换回我的main并尝试运行“ npm start ”时。 我陷入了这个错误。

> react-scripts start

module.js:550
    throw err;
    ^

Error: Cannot find module 'webpack'
    at Function.Module._resolveFilename (module.js:548:15)
    at Function.Module._load (module.js:475:25)
    at Module.require (module.js:597:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (C:\Users\pzheng\my-app\node_modules\webpack-dev-server\lib\Server.js:22:17)
    at Module._compile (module.js:653:30)
    at Object.Module._extensions..js (module.js:664:10)
    at Module.load (module.js:566:32)
    at tryModuleLoad (module.js:506:12)
    at Function.Module._load (module.js:498:3)

当我尝试运行“npm run build”时，会出现此错误：

Error: Cannot find module 'webpack/lib/Chunk'
    at Function.Module._resolveFilename (module.js:548:15)
    at Function.Module._load (module.js:475:25)
    at Module.require (module.js:597:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (C:\Users\pzheng\my-app\node_modules\extract-text-webpack-plugin\dist\index.js:17:14)
    at Module._compile (module.js:653:30)
    at Object.Module._extensions..js (module.js:664:10)
    at Module.load (module.js:566:32)
    at tryModuleLoad (module.js:506:12)
    at Function.Module._load (module.js:498:3)
    at Module.require (module.js:597:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (C:\Users\pzheng\my-app\node_modules\extract-text-webpack-plugin\dist\cjs.js:3:18)
    at Module._compile (module.js:653:30)
    at Object.Module._extensions..js (module.js:664:10)
    at Module.load (module.js:566:32)

很多 SO 帖子都建议下载 webpack，但我不想在这个分支上使用 webpack，所以很多 SO 帖子都没有帮助。

我尝试过的：我检查了我的package.json file ，我的主分支中没有 webpack 依赖项。 但是，当我搜索webpack一词时，我确实在package.lock.json文件中看到了webpack

我在使用什么：我正在使用create-react-app库。

我需要什么帮助：我正在尝试找出此错误的原因以及如何修复它。 和我在另一个分支安装 webpack 有关系吗？

Answer 1

当我尝试在没有使用create-react-app搭建脚手架的现有 React 应用程序中使用react-scripts时，我遇到了这个问题。 问题是包锁定文件。 删除node_modules和package-lock.json并运行npm install对我package-lock.json 。

Answer 2

好吧，这很奇怪，但这就是我修复它的方式。

我认为这个错误与“反应脚本”有关

我正在使用react-script@1.3 ，一旦我将我的 react 脚本升级到2.1.3 ，这是 4 天前发布的最新版本，这个错误就被修复了。

Answer 3

您正在使用 CRA（创建 React App），它已经在使用 webpack（带有它自己的配置文件）。 CRA 提供了“弹出”选项，这将公开 webpack 配置文件，然后您可以修改和使用该文件。 如果您确实选择弹出，请在另一个分支上执行此操作（以防您决定返回）。 请注意，弹出是不可逆的。

希望这可以帮助！