Javascript 网页包配置错误-请帮助我更正

回购：

我在网页5.15.0上

我在powershell中运行“node index.js”，并收到以下错误消息：

ValidationError:配置对象无效。已使用与API架构不匹配的配置对象初始化Web包

configuration.module.rules[0]应该是下列之一：[“…”| object{compiler？、dependency？、descriptionData？、exforce？、exclude？、generator？、include？、issuer？、issuerLayer？、layer？、layer？、loader？、mimetype？、oneOf？、options？、parser？、realResource？、resource？、resource？、resourceFragment？、resourceQuery？、rules？、sideEffects？、test？、type？、use？}，…]->一条规则。细节： configuration.module.rules[0]。加载程序应为非空字符串。->加载程序请求

这是我的webpack.config.js

    module.exports = {
  entry: [
    './main.js',
  ],
  output: {
    path: '/',
    filename: 'main-bundle.js',
  },
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        use: {loader: ['babel-loader']}
      },
      { test: /\.css$/, use: {loader: 'style-loader!css-loader' }},
      { test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, use: {loader: 'file-loader' }},
      {
        test: /\.(woff|woff2)$/,
        use: {loader: 'url-loader',
        options: {
          prefix: 'font/',
          limit: '5000',
        }}
      },
      {
        test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/,
        use: {loader: 'url-loader',
        options: {
          limit: 10000,
          mimetype: 'application/octet-stream',
        }}
      },
      {
        test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
        use: {loader: 'url-loader',
        options: {
          limit: '10000',
          mimetype: 'image/svg+xml',
        }}
      },
    ],
  },
};

---

您的第一条规则定义错误。您已经设置了一个数组，而不是配置上的字符串。试试：

加载器：“巴别塔加载器”

  {
    test: /\.jsx?$/,
    exclude: /node_modules/,
    use: {loader: 'babel-loader'}
  },