問題タブ [react-hot-loader]

少し前にwebpackを使い始めました。すべてが完璧で、React のホット ローディングはうまく機能します。しかし、私が理解できないwebpack devサーバーでこれが1つあります。webapp を使用すると、/app/info への無限のリクエストが発行されます。そして、404が返されます。

これは何ですか？どうすればオフにできますか？

ログインコンソールは次のとおりです。

そして、これが私の設定です（Reactホットローディングのかなり一般的な設定です）：

コンポーネントに変更を加えると、webpack が再コンパイルされ、モジュールがホット スワップされます。ただし、ホット モジュール スワップが行われた回数と同じn回数のコードが実行されます。nたとえば、変更を加えたところ、関数が 2 回実行されています。別の変更を加えると、関数が 3 回実行されます。ストアの dispatchToken にを配置するconsole.log(Date.now())と、それが実行時間であることがわかりますn。

ストア: http://pastebin.com/PVnyf572

webpack.config.js: http://pastebin.com/MsziqH9v

そして私は webpack-dev-server を実行しますwebpack-dev-server app/client.js --inline --hot --colors

複雑な変更を行うと、次のようなエラー メッセージが表示されることがよくあります (ただし、Store の 60 行目を 6 ではなく 10 に変更すると、これは発生しません)。

React Hot Loader が正しく構成されていないようです。NPM を使用している場合は、依存関係によって重複した React ディストリビューションが node_modules にドラッグされないようにし、require("react") がアプリをレンダリングする React インスタンスに対応するようにしてください。React のコンパイル済みバージョンを使用している場合は、https://github.com/gaearon/react-hot-loader/tree/master/docs#usage-with-external-reactで統合手順を参照してください。

Webpack、ホット アップデート、React-Router を使用して ReactJS を試しています。以下は私の webpack.config.js コードです。何らかの理由で、ファイル ツリーの一番上に大量の json ファイルが作成されています。たとえば、fb43026df6c9e1823c07.hot-update.json

ファイルは .hot-update.json で終わります

私はwebpack.config.jsこのようなものを持っています:

私が実行するwebpack --watchと、完全に正常に動作します。変更を加えると、ディレクトリの下にhot-update.js/が生成されます。jsonhot

そして、次のような webpack dev サーバーがあります。

私はwebpack --watchwebpack dev server paralleyを実行しています。変更を加えることができ、webpack が変更をhotディレクトリにプッシュしています。しかし、私のブラウザ コンソールでは、webpack 開発サーバーが次のようなエラーをスローしています。

リロードすると動作します。上記の URL を手動で追加することに注意してください。

アクセス可能です。どこで間違いを犯しているのかわかりません。また、ホットなson/jsファイルをディスクに保存せず、HMRを適用するweb pack-dev-serverにのみ送信する方法はありますか?

Webpack および webpack-dev-server のバージョンが1.7.0

Webpack 2 と React Hot Loader v3 でコード分割とホット リロードを実現しようとしています。私の問題は、ホットリロードがコード分割なしでしか機能しないことです。他の奇妙な部分はStructure、コンポーネントをホットリロードできますが (以下を参照)、childRoutes のコンポーネントはできません。私は取得し続けます

ここで再現を参照してください。

ルートを宣言する方法は次のとおりです。

指針やガイダンスをいただければ幸いです。

私のスタックは次のとおりです。

• react 15.2.1
• react-hot-reload 3.0.0-beta.2
• react-redux 4.4.5

ホットモジュール交換を使用しようとしていますが、コンテナーに埋め込まれたコンポーネントのリロードを除いてすべて正常に動作します ( http://redux.js.org/docs/basics/UsageWithReact.html )

例SomeContainer:

に変更を加えるとすぐにSomeComponent、更新が のすべての親によって処理されていることをコンソールで確認できますSomeContainerが、コンポーネントSomeComponentは置換/再レンダリングされません。

子コンポーネントのホット リロードを手動で実装する方法、SomeComponentまたは手動でリロードせずにネイティブに動作させる方法SomeComponent

次の依存関係がインストールされています。

以前は react-hot-loader が機能していました。変更を保存すると、自動的にリロードされ、アプリケーションが更新されました。しかし、もう機能しないので、アプリケーション全体を手動で更新して更新する必要があります。

問題の原因は何ですか? どうすれば修正できますか？これが問題の原因かどうかはわかりませんが、React Native と ReactJS という 2 つの異なるプロジェクト間でオンとオフを切り替えます。しかし、React Native に入った後、ReactJS の react-hot-loader が機能しなくなりました。

前もって感謝します！

アプリを開発するためのライブ編集を行うために、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 を実行しています。

反応ネイティブアプリを作成しています。TypeScript を使用してコードを記述し、それを ES5 にトランスパイルします。昨日はホット ローディングが完全に機能していましたが、ファイル構造にいくつかの変更を加えたので、昨日ホット ローディングが機能していた以前のコミットに戻っても、現在は機能していません。

React ネイティブ パッケージャーは HMR 更新をクライアントに送信し、Android フォンには「ホット ロード中...」というメッセージが表示されますが、その後は何も起こらず、行った変更が表示されません。完全に更新すると、変更が表示されます。コンポーネントは ES6 クラスとして実装されているため、ホット ロードが機能しているはずです (以前は、クラスは変更されていませんでした)。

パッケージャー、コンピューターの再起動、パッケージャーのキャッシュの消去などを試みましたが、何も役に立ちませんでした。Windows 10 と Android 5 のスマートフォンを使用しています。

何か案は？:)

私は Universal React プロジェクトに取り組んでいます。私のクライアント エントリ ポイントは次のとおりです。

コンポーネントの変更では、リロードは機能しているように見えますが、レンダリングは適用されません..ホットリロードのトリックが発生する前に発生するのでしょうか?

私のルート構成は、今のところ古典的な非動的ルートであることに注意してください。