错误:无法找到模块“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'

我不知道该怎么做。

当前回答

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

2022-01-20 14:34:58

其他回答

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

2016-04-28 04:50:52

在全球范围内安装webpack和CLI对我来说是有效的。