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.base.config.jsがない場合webpack.dev.config.jsはbabel-loaderエントリが含まれていないことを確認してください。

ローダーを2回使用すると、2回目の周回でエラーが発生します。これはWebpack 2のエラーではありませんでしたが、webpack split-configs-and-a-small-thingエラー

Answer 2

私のコンパイルで同様の問題が発生しました。私が.jsと.jsxの両方にバベルローダーを使用していたことを知りました。

削除されました.jsxと期待どおりに動作します。

私のwebpack.config.jsのスニペットはこのように見えます。他の誰かが同じ問題を抱えている場合には

{ 
    test: /\.js$/, 
    exclude: [/(node_modules)/], 
    use: [ 
     { 
      loader: 'react-hot-loader' 
     }, 
     { 
      loader: 'babel-loader', 
      options: { 
       presets: ['react', 'es2015', 'stage-0'], 
       plugins: [ 
        'transform-class-properties', 
        'transform-decorators-legacy' 
       ] 
      } 
     } 
    ] 
} 

Answer 3

、私はそれが単に完璧

 { 
     test: /\.jsx?$/, 
     use: ['react-hot-loader/webpack'] 
    }