错误:找不到模块“ Webpack”

我刚刚开始使用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'

我对如何进行一无所知。

飞云飞云2020/03/20 14:07:10

npm link webpack为我工作。

我的webpack配置:“ webpack”:“ ^ 4.41.2”,“ webpack-dev-server”:“ ^ 3.9.0”,“ webpack-cli”:“ ^ 3.3.10”

路易Near番长2020/03/20 14:07:10

刚发现使用Atom IDE终端无法在本地安装依赖项(可能是一个错误,也可能只是我一个人)。在外部安装git bash并再次运行npm命令对我来说有用

西里Near2020/03/20 14:07:10

对我来说,这是错误的错误反馈。

中存在配置错误webpack.config.js

删除文件并重新开始解决我的问题

小卤蛋2020/03/20 14:07:10

上面的建议对我没有任何帮助(包括NODE_PATH变量)。我创建了从本地文件夹到全局AppData(例如下面)的“ node_modules”符号链接,它的工作原理很吸引人。

C:\Users\mmoinuddin\AppData\Roaming\npm>mklink /D node_modules c:\essportreact\day1\node_modules
symbolic link created for node_modules <<===>> c:\essportreact\day1\node_modules
C:\essportreact\day1>webpack
Hash: 2a82a67f90f9aa05ab4a
Version: webpack 1.15.0
路易JinJin2020/03/20 14:07:10

打开npm命令提示符和-cd解决方案文件夹,然后在NPM cmd提示符下运行npm link webpack并重新构建。

老丝2020/03/20 14:07:10

你可以试试看

npm install --only=dev

这个对我有用。

小小2020/03/20 14:07:10

在Windows上,我观察到如果您在计算机上没有管理权限(即您不是本地管理员),则会出现此问题。

正如其他人建议的那样,解决方案似乎是通过不使用-g提示在本地安装

LEY神无2020/03/20 14:07:10

我在OS X上遇到了这个问题,这似乎是由于全局安装的webpack本地安装版本不匹配所致webpack-dev-server将两者都更新到最新版本解决了这个问题。

泡芙2020/03/20 14:07:10

在终端中运行以下命令:

npm install --save-dev webpack

npm install --save-dev webpack-dev-server

Mandy村村2020/03/20 14:07:10

似乎是Windows的常见问题。这为我解决了:

Node.js在Windows上找不到已安装的模块?

“添加一个名为的环境变量NODE_PATH,并将其设置为%USERPROFILE%\Application Data\npm\node_modules(Windows XP),%AppData%\npm\node_modules(Windows 7)或npm最终在您的Windows风味上安装模块的位置。要一劳永逸地完成此操作,请在以下位置将其添加为系统变量“系统属性”对话框的“高级”选项卡(运行control.exe sysdm.cpl,System,3)。”

请注意,您实际上不能在的值内使用另一个环境变量NODE_PATH也就是说,不要只是在上面复制并粘贴该字符串,而是将其设置为实际的解析路径,例如C:\Users\MYNAME\AppData\Roaming\npm\node_modules

GilJim2020/03/20 14:07:10

我通过重新安装解决了相同的问题,执行以下命令

rm -Rf node_modules
rm -f package-lock.json
npm install

rm总是危险的命令,尤其是对于-f,请注意在执行之前!!!!

猴子2020/03/20 14:07:10

在Windows上工作时,我已经在本地安装了webpack,它解决了我的问题

因此,在命令提示符下,转到要运行webpack的目录,在本地安装webpack(不带-g)并享受...

宝儿2020/03/20 14:07:10

将全局安装的软件包链接到您的项目

npm link webpack