Webpack 2 - 无法在字符串上创建属性"映射"

Question

从工作的Webpack v1配置迁移到Webpack 2.但是在尝试运行构建时遇到错误:

 ERROR in ./src/index.jsx
 Module build failed: TypeError: /home/pierce/Projects/my-js-app/src/index.jsx: Cannot create property 'mappings' on string 

我更新了我的加载器以匹配新格式:

module: {
  rules: [
    {
      test: /\.(js|jsx)$/,
      exclude: /node_modules/,
      loader: "babel-loader"
    },
    {
      test: /\.(jpg|png)$/,
      loader: 'file-loader',
      query: {
        name: '[path][name].[hash].[ext]',
      },
    },
    { 
      test: /\.css$/, 
      loader: "style-loader!css-loader" 
    },
    {
      test: /\.scss$/,
      use: [
        { 
          loader: 'style-loader' 
        },
        { 
          loader: 'css-loader'
        }, 
        { 
          loader: 'sass-loader',
          options: { sourceMap: true } 
        }
      ]
    },
    {
      test: /\.(woff|woff2|eot|ttf|svg)(\?v=\d+\.\d+\.\d+)?/, 
      loader: 'url-loader',
      query: { 
        limit: 100000
      }
    },
    { 
      test: /\.icon-svg$/, 
      use: [{loader:'babel-loader'}, {loader: 'svg-react-loader'}] 
    },
    // Bootstrap 3
    { 
      test: /bootstrap-sass\/assets\/javascripts\//, 
      loader: 'imports-loader?jQuery=jquery' 
    }
  ]
},

就好像某些东西没有像以前那样被编译,因此导致了一个TypeError.

Answer 1

事实证明我曾两次喋喋不休.

如果您还要将自己webpack.config.js分成不同环境的单独文件,请确保webpack.dev.config.js不包含babel-loader条目webpack.base.config.js.

否则,如果您第二次使用加载程序两次将导致错误.这不是一个Webpack 2错误,而是一个webpack拆分 - 配置 - 并且缺少一个小错误