Reactコンポーネントの代わりにbundle.jsのコンソールロギングエラー

Question

私はうまく動作するWebpackビルドを作成しました。これは、ホットリロードに使用するdev-serverと、テンプレートhtmlを実行するプロダクションエクスプレスサーバーファイルを開き、bundle.jsファイルを統合します。

これは私が私のdevのサーバーで働いているときを除いて、コンソールが私にこのようなエラーメッセージを与え、すべて素晴らしいです：

Uncaught Error: Expected the reducer to be a function.(…) bundle.js:36329

それは、エラーの原因としてbundle.jsをしませ参照私が作業しているコンポーネントは、エラーの原因を突き止めるのを非常に困難にします。

コンソールには、エラーが含まれているファイルはbundle.jsであることが分かっていますが、どうすれば事前バンドルコードを記録することができますか？ （例：Component.js）

ありがとうございます。

Answer 1

ソースマッピングを有効にして、素晴らしいデバッグ環境を実現する必要があります。ソースマップはあなたのバンドルを自分のコードにリンクするので、エラーが発生するとエラーメッセージはそのバンドルではなくファイルの行番号を出力します。デフォルトのソースマップでのWebPACKで無効になっていると、このようなプロパティ「devtool」で使用可能にすることができます。

// webpack.config.js 
module.exports = { 
    ... 
    devtool: '#eval-source-map', 
    ... 
}; 

ここで公式ドキュメントへのリンクです： https://webpack.github.io/docs/configuration.html#devtool