問題タブ [react-hot-loader]

それ自体で完璧に機能するwebpack構成があります。提案されているように、React Hot Loader を HMR と一緒にインストールしようとしていますが、これには webpack-dev-server が必要です。ここで私はそれを機能させることができません。バンドルがどこにあるのかわかりません。私はそれがちょうどにあることを望みますlocalhost:3000。

私のwebpack.config.js：

そしてwebpack-server.js：

更新:リンクされた質問は、特に確認済みの回答がないため、役に立ちません。

反応ホットローダーを使用しようとしています。ターミナルで「npm start」コマンドを実行するとエラーが発生します。何が問題なのか教えてください。反応するホットローダーが機能しているのに、ブラウザーで何も起動されないことに苦労しています。

index.js

webpack.config.js ファイル

パッケージ.json

私は反応プロジェクトに取り組んでいます。反応するホットローダーを使用しようとしています。プロジェクト内のすべてが正常に動作しますが、コンポーネントに変更を加えると、ブラウザーで変更を確認できません。ホットローダーを設定するための公式ドキュメントに従いました。しかし、それは機能していません。ただし、私のコンテンツはブラウザ (localhost:3000) に読み込まれます。ホットローダーが変更を表示し始めるにはどうすればよいですか。これが私のファイルです。

App.js

webpack.config.js

パッケージ.json

サーバー.js

ReactJS プロジェクトで React Hot Reloader を動作させようとしていますが、エラーが発生しますError: Couldn't find preset "react-hot" relative to directory...

でプリセット「react-hot」を設定しまし.babelrcたが、何が問題なのですか? 私は次の設定をしています：

私の中でpackage.json：

私の中でwebpack.config.js

私の中で.babelrc：

react-hot-loaderクライアントjsを適切にバンドルし、変更をブラウザにプッシュしてそこに適用するようにセットアップできました（[react-router] You cannot change <Router routes>; it will be ignored警告を除く）。webpack と hot を処理するkoa、 、 でkoa-webpack-dev-middleware独自のサーバーを使用しています。koa-webpack-hot-middlewareまた、このコードを使用してアプリのサーバー レンダリングも処理します

問題は私のサーバー側のコードにあります:hotクライアントコードに対してのみ機能し、その場で変更を更新しますが、私のサーバーコードは変更時に更新されません.その後、新しいクライアント コードで更新されます。問題は、ホットWarning: React attempted to reuse markup in a container but the checksum was invalid... ロードを中断するため、アプリを再起動しないサーバー上のサーバーレンダリング部分に関連するコード変更を処理する方法です。

webpackdevserver で反応ルーターを使用して単一ページの反応アプリをセットアップする際に問題があります。browserhistory webpack を使用すると、ネストされたルート URL (/client/view など) を入力するときに問題が発生します。これは apiFallback を追加することで解決できますが、ホット リロードにはまだ問題があります。存在しないディープ URL (/client/view/hot-update.json) から hot-update.json ファイルを読み込もうとするため、失敗してページがリロードされます。hot-update.json を常にベース URL (/) からロードするように hotreload に指示するにはどうすればよいですか?

これは私の Header.jsx コンポーネント コードです。どこが間違っているか指摘していただけますか? これについてインターネット全体を検索しましたが、解決策が見つかりませんでした。ヘッダー コンポーネントだけでなく、編集されたすべてのコンポーネントで発生します。初めてコンポーネントを編集すると、正常に動作し、コンソール ログに更新情報が 1 つだけ表示されます。

これは私のpackage.jsonです

react-router と material-ui を使用して Web アプリケーションを構築しています。最近、react hot loader が更新され、material-ui で ho loader を使用しているときにいくつかの問題があることに気付きました。反応ルーターで使用するときはいつでも、子コンポーネントに対してホットローダーが機能しません。これがindex.jsの私のコードです

ここに私のアプリコンポーネント

ルートファイル

子コンポーネントに変更を加えるたびに、ブラウザー コンソールに
、次のモジュールをホット アップデートできなかったという警告が表示されます: (完全なリロードが必要です) これは通常、変更されたモジュール (およびその親) がその方法を知らないためです。自分自身をホットリロードします。詳細については、 http://webpack.github.io/docs/hot-module-replacement-with-webpack.htmlを参照してください。 これを取得する特定の理由と、この問題を解決する方法はありますか?