Webpack无法生成bundle.js，配置对象不符API schema报错求助

嘿，这个问题我之前帮好几个开发者排查过！你遇到的错误是因为Webpack 4及更高版本已经废弃了module.loaders这个配置项，官方把它替换成了module.rules，旧写法不符合新版本的API schema，所以才会触发这个报错。

具体修复步骤： #

• 打开你的Webpack配置文件（通常是webpack.config.js）
• 找到配置里的module.loaders区块，把loaders直接改成rules
• （可选但推荐）把单个loader的loader字段换成use，这是新版本更规范的写法

举个直观的例子：

旧的错误配置：

module: {
  loaders: [
    {
      test: /\.js$/,
      loader: 'babel-loader',
      exclude: /node_modules/
    }
  ]
}

修改后的正确配置：

module: {
  rules: [
    {
      test: /\.js$/,
      use: 'babel-loader',
      exclude: /node_modules/
    }
  ]
}

如果不确定自己的Webpack版本，在终端里运行这个命令就能查看：

webpack -v

改完之后重新运行webpack命令，应该就能正常生成bundle.js了！

内容的提问来源于stack exchange，提问作者kayak