创建-反应-应用程序的开发服务器不自动刷新
2022-08-30 04:56:29
我正在学习使用create-react-app的React教程。该应用程序由 create-react-app v1.3.0 创建
create-react-app my-app
开发服务器由
npm start
多次更改代码后,浏览器不会随着更改而实时更新/热重载。刷新浏览器没有帮助。只有停止开发服务器并重新启动它才能捕获对代码的新更改。
我正在学习使用create-react-app的React教程。该应用程序由 create-react-app v1.3.0 创建
create-react-app my-app
开发服务器由
npm start
多次更改代码后,浏览器不会随着更改而实时更新/热重载。刷新浏览器没有帮助。只有停止开发服务器并重新启动它才能捕获对代码的新更改。
我读了很多不必要的东西。
我正在使用 React 17。
我的优点是页面只是添加新组件,但浏览器没有刷新页面。
如果您的终端是,然后您在浏览器上看不到更改,则应尝试在项目的根路径中添加一个文件并添加 。Compiling...
.env
FAST_REFRESH=false
默认情况下,热刷新已替换为快速刷新。
您是否看过《用户指南》的“疑难解答”部分?
它描述了此问题的几个常见原因:
在运行时保存文件时,浏览器应使用更新的代码进行刷新。
npm start
如果未发生这种情况,请尝试以下解决方法之一:
- 如果您的项目位于 Dropbox 文件夹中,请尝试将其移出。
- 如果观察程序没有看到调用的文件,并且您通过文件夹名称引用它,则由于 Webpack 错误,您需要重新启动观察程序。
index.js
- 一些编辑器,如Vim和IntelliJ,具有“安全写入”功能,该功能当前会破坏观察程序。您将需要禁用它。按照“在 vim 中禁用交换文件创建”中的说明进行操作。
- 如果项目路径包含括号,请尝试将项目移动到没有括号的路径。这是由 Webpack 观察程序错误引起的。
- 在 Linux 和 macOS 上,您可能需要调整系统设置以允许更多观察程序。
- 如果项目在虚拟机(如(流浪者预配的)VirtualBox)中运行,请在项目目录中创建一个文件(如果该文件不存在),然后添加到该文件中。这可确保下次运行 时,观察程序根据需要在 VM 内使用轮询模式。
.env
CHOKIDAR_USEPOLLING=true
npm start
如果这些解决方案都没有帮助,请在此线程中发表评论。
我希望这有帮助!