当前位置: 首页 > 面试题库 >

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

顾均
2023-03-14
问题内容

我正在关注使用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和SSR。 我在这个仓库=> https://github.com/sarovin/StarteKit中添加了redux和react- router 。 现在我想添加SSR(服务器端渲染),而无需对create-react-app进行任何修改。 我有一个PR,我尝试实现它=> https://github.com/sarovin/StarteK

  • 我使用create react应用程序已经有一段时间了。“npm start”或“yarn start”自动重装本身工作正常,但现在我有了另一个问题。目前,我在express server上通过build文件夹运行应用程序,我使用“npm run build ”,因为express正在提供构建文件。有许多api调用要求应用程序以这种方式运行。现在,每次手动执行“npm运行构建”变得很乏味。有没有一

  • Create React App 不用配置就可以创建 React App。 全局安装: npm install -g create-react-app 创建 App: create-react-app my-appcd my-app/ 启动 npm: npm start 打开 http://localhost:3000/  查看你的 App。 如果你准备将其部署到生产环境,只需创建一个压缩包,并且运行 npm run build。

  • Create React Native App The fastest way to create universal React Native apps npx create-react-native-app Once you're up and running with Create React Native App, visit this tutorial for more informat

  • 我有一个项目我两个星期没碰过。我收回它,现在当我尝试运行时,我得到了这个错误。 节点6.7.0 NPM 3.10.3 Mac sierra 10.12 package.json 我试图克隆我的回购也得到同样的错误。如果有人能给我点办法找出发生了什么。谢谢。

  • 问题内容: 我有一个项目,我两个星期都没碰过。我将其取回,现在尝试运行时出现此错误。 节点6.7.0 npm 3.10.3 mac sierra 10.12 package.json 我也尝试克隆我的存储库,并得到相同的错误。如果有人可以给我一些方法来查找发生了什么。谢谢 问题答案: 签入Create React App的作者。 您绝对不应该在全球范围内安装。 您还 没有 需要的是这个答案暗示。