错误:没有加载程序提供的选项/查询.Webpack 2.2.0-rc.3

Question

我已经将webpack从rc2更新到rc3,因为我无法通过npm start启动我的项目, 我得到的错误就像那样

> webpack-dev-server

Error: options/query provided without loader (use loader + options) in {
  "test": {},
  "exclude": {},
  "use": "file-loader",
  "query": {
    "name": "[name].[ext]"
  }
}

这是我的配置

  module: {
    rules: [
      {
        test: /\.html$/,
        exclude: /node_modules/,
        use: 'file-loader',
        query: {
          name: '[name].[ext]',
        },
      },
      {
        test: /\.s?css$/,
        exclude: /node_modules/,
        use: [
          'style-loader',
          {
            loader: 'css-loader',
            options: {
              importLoaders: 1,
              modules: true,
              localIdentName: '[name]__[local]_[hash:base64:5]',
            },
          },
          'sass-loader',
          'sass-resources-loader',
          'postcss-loader',
        ],
        query: {
          modules: true,
        },
      },
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        use: [
          'babel-loader',
        ],
      },
    ],
  },

回滚到rc2并没有解决问题..我相信问题是在rc3,因为我有另一个项目,其中有rc2并且可以启动.在将webpack更新到rc3后,它已经崩溃了

Answer 1

您需要编辑配置,因为Webpack 2已更改其架构以声明加载器.

重构这部分:

{
    test: /\.html$/,
    exclude: /node_modules/,
    use: 'file-loader',
    query: {
      name: '[name].[ext]',
    },
},

对此:

{
    test: /\.html$/,
    exclude: /node_modules/,
    use: [
        {
            loader: 'file-loader',
            query: {
                name: '[name].[ext]'
            }
        }
    ]
},

将此转换应用于您声明的其他加载器,它应该工作:)