反应:“反应脚本启动”找不到模块wbepack

时间:2019-01-08 15:39:46

标签: javascript reactjs webpack

当我什至没有在这个特定分支中使用webpack时,我收到此错误。我以前在我的 main 分支中从未遇到此错误。但是,我想学习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,在我的 main 分支中没有webpack依赖项。但是,当我搜索单词package.lock.json

时,在webpack文件中确实看到了webpack。

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

我需要帮助的地方: 我正在尝试找出此错误的原因以及解决方法。这和我在另一个分支中安装webpack有关系吗?

3 个答案:

答案 0 :(得分:2)

当我试图在没有使用react-scripts的现有React应用中使用create-react-app时遇到了这个问题。问题是程序包锁定文件。删除node_modulespackage-lock.json并运行npm install对我来说很有用。

答案 1 :(得分:0)

好的,这很奇怪,但这是我解决的方法。

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

我使用react-script@1.3时,将我的react脚本升级到2.1.3(这是4天前发布的最新版本)后,此错误已得到解决。

答案 2 :(得分:0)

您正在使用CRA(创建React App),该CRA已在使用webpack(带有其自己的配置文件)。 CRA提供了“弹出”选项,它将显示webpack配置文件,您可以随后对其进行修改和播放。如果您确实选择弹出,请在另一个分支上执行此操作(以防您决定返回)。请注意,弹出是不可逆的。

希望这会有所帮助!