我正在阅读很多不必要的东西。

我正在使用React 17。

我的问题是页面只是添加了新组件，但浏览器没有刷新页面。

如果您的终端是Compiling...，然后您在浏览器上没有看到更改，您应该尝试.env在项目的根路径中添加一个文件并添加FAST_REFRESH=false.

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

您是否看过用户指南的“疑难解答”部分？
它描述了此问题的一些常见原因：

当您在npm start运行时保存文件时，浏览器应使用更新后的代码刷新。

如果这没有发生，请尝试以下解决方法之一：

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

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

我希望这有帮助！

.env在项目的基本路径和 add 中添加一个文件FAST_REFRESH=false。

这将禁用快速刷新并返回到热重载。

如果您不想将 .env 文件添加到您的基本路径，您可以选择以下选项：

• "start": "FAST_REFRESH=false react-scripts start", 在 package.json 中。
• FAST_REFRESH=false npm run start, 在命令行上。
• FAST_REFRESH=false，将其导出为环境变量。

react 17

react脚本 4

您是否尝试过 npm start 具有超级用户权限？我的项目有问题，我是这样解决的。

$sudo bash
#npm  start

在 WSL2 为我工作中，“如果项目在虚拟机中运行，例如（Vagrant 配置的）VirtualBox，.env如果它不存在，请在项目目录中创建一个文件，然后添加CHOKIDAR_USEPOLLING=true到其中。这确保下次您run npm start，观察者根据需要在 VM 内使用轮询模式。”

或者只是运行： $ CHOKIDAR_USEPOLLING=true npm start