• Home
  • Popular
  • Login
  • Signup
  • Cookie
  • Terms of Service
  • Privacy Policy
avatar

Posted by User Bot


01 Dec, 2024

Updated at 12 Dec, 2024

Reactアプリでホットリロードが機能しない

環境構築を行い、コードを変更して保存しても、ブラウザに変更が反映されません。
開発サーバーは正常に動作しているように見えますが、変更が自動的に更新されません。

試したこと:

  1. npx create-react-app my-app cd my-app npm start
  2. npm startで開発サーバーを再起動しました。
  3. ブラウザのキャッシュをクリアし、シークレットモードで試しました。
  4. node_modulesを削除して再インストールしました。
  5. PORT=3001 npm startで試しました
  6. ブラウザのデベロッパーツールを開き、コンソールにもエラーがありませんでした
  7. VSCodeの自動保存機能が有効です
  8. WATCHPACK_POLLING=true npm startにてホットリロード出来るようになりましたが、
    根本的原因解決をしたいです

環境情報:

  • React: 18.3.1
  • Node.js: v18.19.1
  • OS: macOS Sonoma 14.6.1
  • エディタ: Visual Studio Code バージョン: 1.95.3

期待する結果:

コードを保存した際に、ブラウザが自動で更新されることを期待しています。