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

我不知道该怎么做。


当前回答

我解决了同样的问题,重新安装,执行这些命令

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

Rm始终是一个危险的命令,特别是使用-f时,请在执行它之前注意!!!!!

其他回答

这似乎是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

打开npm命令提示符和——cd解决方案文件夹 然后 只需在npm cmd中运行npm link webpack,然后重新构建。

当我在windows上工作时,我在本地安装了webpack,它解决了我的问题

因此,在你的命令提示符中,进入你想要运行webpack的目录,在本地安装webpack(不带-g),然后享受…

你可以试试这个。

npm install --only=dev

这对我很管用。

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