create-react-app的开发服务器不会自动刷新

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在关注使用create-react-app的React 教程。该应用程序是由create-react-

app v1.3.0

创建的

create-react-app my-app

开发服务器由运行

npm start

多次更改代码后，不会实时更新浏览器的实时/热重载。刷新浏览器无济于事。仅停止开发服务器并重新启动它，才能捕获对代码的新更改。

回答：

您是否看到了《用户指南》的“疑难解答”部分？

它描述了此问题的一些常见原因：

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

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

  • 如果您的项目在Dropbox文件夹中，请尝试将其移出。

    *

    如果观察者没有看到名为的文件，index.js而您通过文件夹名称引用该文件，则由于Webpack错误，您需要重新启动观察者。

    *

    Vim和IntelliJ等某些编辑器均具有“安全写入”功能，该功能目前使监视程序中断。您将需要禁用它。请遵循“在vim中禁用交换文件创建”中的说明。

  • 如果您的项目路径包含括号，请尝试将项目移动到没有括号的路径。这是由Webpack

    watcher错误引起的。

    *

    在Linux和macOS上，您可能需要调整系统设置以允许更多观察者。

    *

    如果项目在虚拟机（例如，已配置Vagrant的VirtualBox）中运行，请.env在项目目录中创建一个文件（如果不存在），然后添加CHOKIDAR_USEPOLLING=true到该文件中。这样可以确保下次运行时npm

    start，观察程序根据需要在VM内部使用轮询模式。

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

我希望这有帮助！

以上是 create-react-app的开发服务器不会自动刷新 的全部内容， 来源链接： utcz.com/qa/432370.html

回到顶部