创建-反应-应用程序的开发服务器不自动刷新

2022-08-30 04:56:29

我正在学习使用create-react-app的React教程。该应用程序由 create-react-app v1.3.0 创建

create-react-app my-app

开发服务器由

npm start

多次更改代码后,浏览器不会随着更改而实时更新/热重载。刷新浏览器没有帮助。只有停止开发服务器并重新启动它才能捕获对代码的新更改。


答案 1

我读了很多不必要的东西。

我正在使用 React 17

我的优点是页面只是添加新组件,但浏览器没有刷新页面。

如果您的终端是,然后您在浏览器上看不到更改,则应尝试在项目的根路径中添加一个文件并添加 。Compiling....envFAST_REFRESH=false

默认情况下,热刷新已替换为快速刷新。


答案 2

您是否看过《用户指南》的“疑难解答”部分?
它描述了此问题的几个常见原因

在运行时保存文件时,浏览器应使用更新的代码进行刷新。npm start

如果未发生这种情况,请尝试以下解决方法之一:

  • 如果您的项目位于 Dropbox 文件夹中,请尝试将其移出。
  • 如果观察程序没有看到调用的文件,并且您通过文件夹名称引用它,则由于 Webpack 错误,您需要重新启动观察程序index.js
  • 一些编辑器,如Vim和IntelliJ,具有“安全写入”功能,该功能当前会破坏观察程序。您将需要禁用它。按照“在 vim 中禁用交换文件创建”中的说明进行操作。
  • 如果项目路径包含括号,请尝试将项目移动到没有括号的路径。这是由 Webpack 观察程序错误引起的。
  • 在 Linux 和 macOS 上,您可能需要调整系统设置以允许更多观察程序。
  • 如果项目在虚拟机(如(流浪者预配的)VirtualBox)中运行,请在项目目录中创建一个文件(如果该文件不存在),然后添加到该文件中。这可确保下次运行 时,观察程序根据需要在 VM 内使用轮询模式。.envCHOKIDAR_USEPOLLING=truenpm start

如果这些解决方案都没有帮助,请在此线程中发表评论。

我希望这有帮助!