我刚刚开始与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的一个常见问题。这为我解决了问题:
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
刚刚发现使用Atom IDE终端没有在本地安装依赖项(可能是一个错误或只是我)。在外部安装git bash并再次运行npm命令对我来说是有效的
为我解决这个问题的是webpack的路径。build.js中的配置错误
这似乎是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
在我的情况下，帮助我更改父文件夹名称并从此名称中删除一些&，您还可以尝试更改保存代码的名称或文件夹。
