0

現在、私は.NET MVCアプリケーションで作業しています。アプリケーションの一部は、クライアントがreactjsを使用して完全にレンダリングされるポータルです。 別のポートで動作するホットモジュール置換を取得できません

は基本的に私は次のようになります私のポータルのindex.cshtmlファイルを持っている:

<html lang="en"> 
<head> 
    <title>User Portal</title> 
</head> 

<body> 
    <div id="app"></div> 
    <script src="http://localhost:3000/bundle.js"></script> 
</body> 
</html> 

と私のクライアント側のreactjsアプリはポート上で実行されているconcurently:特急サーバーを使用して3000。私はlocalhost:53079を通して私のメインMVCアプリにアクセスします。これは私のアプリケーションにアクセスする方法なので、ポート53079で動作するようにホットモジュールを再ロードすることが可能かどうか疑問に思っていましたか?

私webpack.config.dev.jsは、次のようになります。

export default { 
    debug: true, 
    devtool: 'inline-source-map', 
    noInfo: false, 
    entry: [ 
    'eventsource-polyfill', // necessary for hot reloading with IE 
    'webpack-hot-middleware/client?reload=true', //note that it reloads the page if hot module reloading fails. 
    path.resolve(__dirname, 'src/index') 
    ], 
    target: 'web', 
    output: { 
    path: __dirname + '/dist', // Note: Physical files are only output by the production build task `npm run build`. 
    publicPath: 'http://localhost:3000/', 
    filename: 'bundle.js' 
    }, 
    devServer: { 
    contentBase: path.resolve(__dirname, 'src') 
    }, 
    plugins: [ 
    new webpack.HotModuleReplacementPlugin(), 
    new webpack.NoErrorsPlugin() 
    ], 
    module: { 
    //..... 
    } 
}; 

私は運なしdevServerで、だけでなく、出力パスにポート番号を変更しようとしています。私はhmrポート番号を設定する方法についてもほとんど読んでいない。現在のところ、私のコンソールは、次のエラーメッセージではさまれています:

EventSourceの応答には、 "text/event-stream"ではないMIMEタイプ( "text/html")があります。接続を中止します。

+0

これまでの解決方法をお探しですか?私はAng 2を.netコア2にアップグレードした後で同じ問題を抱えています。 私の目的はルーティングが__webpack_hmrの要求を受け取り、SPAフォールバックルートが起動してインデックスにルーティングすることです。 hmrのリクエストは実際にはウェブページを返すので、 'text/html'です。私はそれを修正する理由や方法を理解できれば気をつけてください! – yanbu

+0

これは同じことです...残念ながら、これについての解決策を見つけることができず、HMRで当面の同時開発をあきらめてしまっています。 –

答えて

0

私はそれを理解しました。あなたのhmrエンドポイントを指すようにオプションを設定する必要があります。

app.UseWebpackDevMiddleware(new WebpackDevMiddlewareOptions { 
      HotModuleReplacement = true, 
      HotModuleReplacementEndpoint = "/dist/__webpack_hmr" 
     }); 
関連する問題