我刚刚开始与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'
我不知道该怎么做。
当前回答
在windows上，我观察到，如果您在计算机上没有管理权限(即，您不是本地管理员)，就会出现这个问题。
正如其他人建议的那样，解决方案似乎是通过不使用-g提示在本地安装。
其他回答
这似乎是Windows的一个常见问题。这为我解决了问题:
Nodejs无法在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
Laravel用户
如果以上选项都不适合您，那么您可能需要正确安装laravell -mix。以下是如何做到的:
NPM安装laravell -mix—save-dev
现在使用下面的命令创建一个webpack.mix.js文件:
触摸webpack.mix.js
将以下代码添加到webpack.mix.js文件中:
mix.js('resources/js/app.js', 'public/js').postCss('resources/css/app.css', 'public/css', [
require('postcss-import'),
require('tailwindcss'),
require('autoprefixer'),
]);
你可能还需要使用touch tailwind.config.js命令创建一个tailwind.config.js文件，然后添加以下代码:
module.exports = {
content: [
'./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
'./storage/framework/views/*.php',
'./resources/views/**/*.blade.php',
],
theme: {
extend: {
fontFamily: {
sans: ['Nunito', ...defaultTheme.fontFamily.sans],
},
},
},
plugins: [require('@tailwindcss/forms')],
};
最后运行npm run dev
上面建议的任何方法都不适合我(包括NODE_PATH变量)。我创建了一个sym链接的“node_modules”从我的本地文件夹到全局AppData(如下所示)，它就像魅力。
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
在VS 2017中构建一个非常简单的。net Core 2.0应用程序时，我遇到了很多问题。这是AppVeyor的错误，但在本地本质上是一样的 (为了安全起见，省略了一些路径):
执行第一次运行Webpack构建… module.js: 327 把犯错; EXEC: error:无法找到模块“......../node_modules/webpack/bin/webpack.js” 在Function.Module。_resolveFilename (module.js 325:15): 在Function.Module。_load (module.js 276:25): Function.Module.runMain (module.js:441:10) 在启动时(node.js:140:18) 在node . js: 1043:3 csproj(25,5): error MSB3073: The command "node node_modules/webpack/bin/webpack.js——config webpack.config.vendor.js" exit with code 1。 构建失败了。
我偶然发现了这个问题和答案，我注意到我的本地实例在{Project Root} -> Dependencies -> npm文件夹上也有相同的警告标志。右键单击并点击“Restore packages”就可以正确地加载所有内容，并且我能够成功地构建。
刚刚发现使用Atom IDE终端没有在本地安装依赖项(可能是一个错误或只是我)。在外部安装git bash并再次运行npm命令对我来说是有效的
