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

我不知道该怎么做。


当前回答

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

其他回答

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

我也遇到过同样的问题,我通过这个命令解决了,看看这个将解决你的问题。

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

我在OS X上遇到了这个问题,它似乎是由我的全局安装的webpack和本地安装的webpack-dev-server之间的版本不匹配引起的。将两者更新到最新版本就解决了这个问题。

对于Visual Studio用户:右键单击npm文件夹,然后“恢复包”。

你可以试试这个。

npm install --only=dev

这对我很管用。