定義されていないWebpack Bootstrapのプロパティ 'call'を読み取ることができません。

Question

私は他の人が持っていた問題を抱えています。私が遭遇している唯一の問題は、私が見つけたすべての解決策が私のために働いていないように見えることです。私のプロジェクトをビルドすると、すべてエラーなく成功します。私はwebpack-dev-server私のdistフォルダ内の私のビルドプロジェクトを開始します。ブラウザを開くと、次のエラーが発生します。

webpack-dev-serverを開発モードで実行しているときは、これは発生しません。簡単な説明は私のwebpack.config.dev.jsファイルでコード分割を実行しないためです。だから問題が発生して私のCommonsChunkPluginと知っている。私はちょうどなぜ釘付けにすることはできません。私が取り組んでいるレポへのリンクは次のとおりです： Nappstir/react-landing-pageこのプロジェクトについては何も複雑ではありません。私は単にReactに組み込まれる基本ランディングページのテンプレートを作成しようとしているため、Reduxは配線されていません。このエラーの原因となる可能性のあるアイデアはありますか？

このプロジェクトを複製して、単にnpm installとnpm run buildを実行してプロジェクトをビルドすることができます。次に、 'http://localhost:3000/'を参照してください。

Answer 1

私は実際にこのエラーが発生した理由についての理由を発見しました。問題は私のhtml-webpack-pluginがファイルを注入していたファイル順序と関係していたようです。これを解決するために何が行われたのかは、html-webpack-pluginによって提供されるプロパティchunks & chunksSortModeです。コードは次のようになります：

chunks: ['manifest', 'vendor', 'main'], 
chunksSortMode: function (a, b) { 
    let orders = ['manifest', 'vendor', 'main']; 
    if (orders.indexOf(a.names[0]) > orders.indexOf(b.names[0])) { 
    return 1; 
    } else if (orders.indexOf(a.names[0]) < orders.indexOf(b.names[0])) { 
    return -1; 
    } else { 
    return 0; 
    } 
}, 

これは、あなたのchunks配列の指定された順序で各チャンクを返します。

Answer 2

chunks: ['manifest', 'vendor', 'main'], 
chunksSortMode: function (a, b) { 
const orders = ['manifest', 'vendor', 'main']; 
return orders.indexOf(a.names[0]) - orders.indexOf(b.names[0]); 
} 

@Nappstirによると、これは良くなる