Webpack 错误：configuration.module答案

【问题标题】：Webpack Error: configuration.moduleWebpack 错误：configuration.module
【发布时间】：2018-03-05 15:42:50
【问题描述】：

我有一个不常见的 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 和 literally 一切，但我不断收到同样的错误。

正如我所说，我的同学可以用 same 项目执行webpack。

我已经安装了：

ts-loader -g
webpack -g
webpack-cli -g
打字稿-g

【问题讨论】：

您是否阅读过哪些错误状态？你们都有什么版本的 webpack？
适用于 webpack 4.1.0 和 webpack-cli 2.0.10

标签： javascript webpack configuration

【解决方案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，这是阻力最小的路径。

【讨论】：

我的同学有 Webpack 版本 3，我安装了 Webpack 版本 3，现在我不必再安装 CLI，但我仍然遇到上面提到的相同错误。
我对所有东西都使用相同的版本，我的同学有，现在可以了，谢谢！

【解决方案2】：

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

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

【讨论】：