Question

Webpack 错误：configuration.module

2018-03-05

590

javascript webpack configuration

我遇到了一个不常见的 webpack 错误，我不知道如何修复它。

这与我的配置有关，但我不知道它是什么。我的一个同学可以在 同一个项目 的控制台中完美运行 webpack 。

之前我得到了错误：

PS E:\HTL\Projects\EasyWater\Software\Beispielprojekte\WebPack_Dummy> webpack
The CLI moved into a separate package: webpack-cli.
Please install 'webpack-cli' in addition to webpack itself to use the CLI.
-> When using npm: npm install webpack-cli -D
-> When using yarn: yarn add webpack-cli -D

然后我全局安装了Webpack CLI，现在终于得到了错误：

PS E:\HTL\Projects\EasyWater\Software\Beispielprojekte\WebPack_Dummy> webpack
Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.module has an unknown property 'loaders'. These properties are valid:
   object { exprContextCritical?, exprContextRecursive?, exprContextRegExp?, exprContextRequest?, noParse?, rules?, defaultRules?, unknownContextCritical?, unknownContextRecursive?, unk
nownContextRegExp?, unknownContextRequest?, unsafeCache?, wrappedContextCritical?, wrappedContextRecursive?, wrappedContextRegExp?, strictExportPresence?, strictThisContextOnImports? }
   -> Options affecting the normal modules (`NormalModuleFactory`).

我已经重新安装了node js和几乎所有东西，但我仍然不断得到同样的错误。

正如我所说，我的同学可以在 同一个 的项目上执行 webpack 。

我已经安装了：

ts-loader -g
webpack -g
webpack-cli -g
typescript -g

Answer 1

我怀疑你的朋友没有使用 webpack 4，而你使用的 webpack.config.js 配置文件与 webpack 4 不兼容。我自己正在学习一个涉及 webpack 的教程，遇到了同样的错误。通过卸载 webpack 4 转而使用 webpack 3（ npm install webpack@3 --save-dev ），我能够运行我的 npm 构建脚本 webpack --config webpack.config.js ，没有任何问题，也不需要 webpack-cli。更新配置文件可能更合适，但我刚刚开始使用 webpack，这是阻力最小的路径。

Answer 2

使用 Webpack v4 时，将 'loaders' 选项更改为 'rules' 例如

    module.exports = {
        entry: './your-entry-file',
        output: {
            ...                
          },
        module:{
           **rules**: [{ 
                  //rules replaces loaders
                  //all your configuration comes here
               }]
         }
    }