错误：找不到模块“webpack”

Question

错误：找不到模块“webpack”

226

我刚开始学习webpack，现在正在尝试构建多入口示例，但遇到了困难。示例中的webpack.config.js文件包含以下代码：

 var CommonsChunkPlugin = require("../../lib/optimize/CommonsChunkPlugin");

这对我来说失败了，出现了错误

Error: Cannot find module '../../lib/optimize/CommonsChunkPlugin'

在搜索过程中，我发现其他使用CommonsChunkPlugin与该表达式结合的示例。

var commonsPlugin = new webpack.optimize.CommonsChunkPlugin("common.js");

由于错误而失败

ReferenceError: webpack is not defined

搜索后找到了一些例子，包括：

var webpack = require('webpack');

现在我的构建失败了，错误信息为

Error: Cannot find module 'webpack'

我不知道该怎么继续下去了。

- Ed.

4

你之前执行过 npm install webpack 吗？ - Johannes Ewald

1

“Error: Cannot find module 'webpack'”是一个node错误。因此，这与webpack本身无关（依我所见）。似乎node在查找错误的文件夹... - Johannes Ewald

8

我明白了，npm install -g webpack 对我也不起作用。但是使用npm install webpack可以。请确保在调用npm install webpack时您在应用程序的根文件夹中，并检查模块是否存在于node_modules文件夹中。此外，似乎webpack在Linux系统上需要fsevents（可选）模块 - 我正在使用Windows，所以不确定 - 也尝试安装fsevents。 - AndreiDMS

3

如上所述，全局安装对我也不起作用，因此请尝试在本地应用程序文件夹中安装 webpack，使用 npm install webpack 命令，不要加上 -g。 - AndreiDMS

在Mac本地主机上，如果只安装了全局的Webpack，则会显示相同的错误，但是如果同时安装全局和本地项目，则可以正常工作。 - user1775888

显示剩余11条评论

25个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Francesco Borzi · Answer 1

虽然建议的解决方案 (npm link webpack) 在本地工作正常，但在我的 CI (GitHub actions) 上出现了相同的问题，为了解决它，我使用了以下方法：

 npm i --save-dev webpack

- Paulo Guilherme · Answer 2

我的问题解决了，原因是在build.js文件中webpack.config的路径不正确。

- Patrick Aleman · Answer 3

所以在我的情况下，有一些可能的问题，比如在Windows上：

我将我的项目移动到一个文件夹中，文件夹名称中包含一个&符号，在Windows上是可以的，但会导致npm出错。我的解决方案是从名称中删除&符号。

test&mocking -> test_and_mocking

- Sabin Bogati · Answer 4

我解决了这个问题，只需运行以下命令即可：

npm install webpack --save-dev

- acousticplanet · Answer 5

对于Visual Studio用户：右键单击npm文件夹，然后选择“恢复包”。