問題タブ [webpack-hot-middleware]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
node.js - Webpack ミドルウェアがファイル変更の監視を停止しました
何ヶ月も使用webpack-dev-middlewareしwebpack-hot-middlewareていて、問題なく動作していましたが、今、何かが起こり、webpack がファイルの変更の監視を停止したため、アプリを再起動したときにのみバンドルが再構築されます。何が起こる可能性がありますか？私は、fs.inotify.max_user_watches = 524288設定をオンにして:set backupcopy=yesvimオプションも調整したarch Linuxを使用しています。何が起こる可能性がありますか？物事を取り戻す方法は？
ログに表示されるように、最初のバンドルが行われ、ミドルウェアが適切にロードされます。以下は、エントリー アプリに webpack ミドルウェアをロードする行です。
とwebpack.config.js
webpack - Webpack-dev-server と HTML-webpack-plugin を使用して .html をディスクに出力する方法
と を使用webpackしhtml-webpack-pluginて、生成されたスクリプト バンドルで index.html ファイルを更新しますbundle.[hash].js。
次にwebpack-dev-server、そのバンドルをメモリにロードし、ホット モジュール交換を利用できるように実行する必要があります。
これにより、コードが 2 回コンパイルされます。
ただし、私が望むのは、 index.htmlファイルを新しいでwebpack-dev-server更新できるようにすることです。2回コンパイルするのは奇妙に思えます。bundle.[hash].jswebpackwebpack-dev-sever
繰り返しますが、実行する唯一の理由webpackは、index.html ファイルをバンドルの新しいハッシュで更新することです。webpack-dev-server更新された index.html をディスクに出力できれば、webpackコマンドを完全に削除できます。
これは可能ですか？もしそうなら、webpack構成の変更はどうなりますか? 私の webpack 構成は非常に長いので、ここに投稿するのに役立つとは思いませんでした。
webpack - Webpack ホットローダーを React で動作させることができません
アプリを開発するためのライブ編集を行うために、webpackのホットローダーの動作バージョンを取得しようとしています。チュートリアルに従った後、ライブ編集を機能させることができなかったので、ゼロから始めることにしました。
React Hot Loader ボイラープレートのクリーンなレポを複製し、Dan Abramov のcreate-react-appを使用してみました。両方のアプリをビルドできます。コンソールにログが表示され[WDS] Hot Module Replacement enabledますが、ファイルを編集してもページのリロードやターミナルで何もトリガーされません。このトラブルシューティング ページでは、次のカテゴリに分類されます。
「[WDS] Hot Module Replacement enabled」と表示されますが、App.js を編集しても何も起こりません
Node 0.11.13 を実行している場合は、0.12 に更新してみてください。一部の人々は、これがこの問題の解決に役立ったと報告しました。また、ファイルと同じファイル名の大文字と小文字が必要であることを確認してください。App.js を使用して dorequire('app') を実行すると、一部のシステムでウォッチャーが機能しなくなる可能性があります。
OS X には、ファイル システムの変更の監視に関して、一部のフォルダが「破損」するという、まれに発生するバグもあります。ここにいくつかの推奨される修正があります。
トラブルシューティング ガイドのこの部分を見ましたが、何も機能していないようです。
Ubuntu 16.04 で npm v2.15.1 とノード v4.2.6 を実行しています。
javascript - ホットモジュール交換は有効になっていますが、動作していません http://localhost:3000/__webpack_hmr
私の問題は、何をしても で 404 が表示され、wepack_hmrそれが利用できない理由を一生理解できないことです。
完全な Webpack 構成
実行するノード コマンド
ページを読み込むとき
実行には時間がかかりますが、そうではありません:/
reactjs - webpack-hot-middleware が常にページをリロードする ホットリロードが機能しない
私はすべてのマニュアルを見ましたが、コード変更後のアプリはすべてのページを更新し、特定の変更をホットリロードしません。webpack.config:
index.js
webpack - webpack ホット ミドルウェア スプリット チャンク
私はwebpackコード分割を利用しようとしています。すべてがうまく機能しているように見えます.webpackはコードを正しく分割し、依存関係はほとんど期待どおりです.
ホットモジュール交換で動作させることができないことを除いて。
127.0.0.1:8009/main.js を正常にロードしました
しかし、main.js は 127.0.0.1:8001/assets/1.chunk.js を読み込もうとしています
それは理にかなっていますか？私は何かが欠けているに違いない。
ノード サーバーを 127.0.0.1:8001 で実行し、ホット ミドルウェア クライアントを 127.0.0.1:8009 で実行しています。
** main.js**
私のWebpack構成
シンプルホットサーバー