我正在使用create React应用程序追踪tutorial个React.

create-react-app my-app

dev服务器由

npm start

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

推荐答案

Have you seen the “Troubleshooting” section of the User Guide?
It describes a few common causes of this problem:

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

如果没有出现这种情况,请try 以下解决方法之一:

  • 如果项目位于Dropbox文件夹中,请try 将其移出.
  • 如果观察者没有看到名为index.js的文件,而您正通过文件夹名称引用它,那么您可能会因为一个Webpack错误而被删除need to restart the watcher.
  • 一些编辑,比如Vim和IntelliJ,有一个"安全写入"功能,目前它打破了观察者的习惯.你需要禁用它.按照“Disabling swap files creation in vim”中的说明操作.
  • 如果项目路径包含括号,请try 将项目移动到没有括号的路径.这是由Webpack watcher bug引起的.
  • 在Linux和macOS上,您可能需要tweak system settings才能允许更多的观察者.
  • 如果项目在虚拟机(如(由流浪者配置的)VirtualBox中运行,则在项目目录中创建一个.env文件(如果不存在),并向其中添加CHOKIDAR_USEPOLLING=true.这可以确保下次运行npm start时,观察者在VM内部根据需要使用轮询模式.

如果这些解决方案都没有帮助,请留下 comments in this thread.

我希望这有帮助!

Reactjs相关问答推荐

使用setInterval判断数据的时间,然后在过期后从对象中删除;遇到性能问题

如何防止使用useCallback和memo重新渲染

react 派生状态未正确更新

react 路由导航不工作,但手动路由工作

替换谷歌 map api默认信息窗口与自定义

我应该如何管理设置组件初始状态的复杂逻辑?

如何在整个应用程序中显示通用弹出窗口中的点击事件

在新屏幕上显示照片时出现问题-react

点击页脚链接时,如何更改ReactJS导航栏中的活动菜单项(样式为Tailwind CSS)?

react 本机屏幕转换

如何将 MUI X 数据网格单元格方向更改为行级而不是列级?

ReactJS中使用setState方法时,Context内部的State未进行更新

如何在 JS 中绘制具有不同笔画宽度的样条线

在 React 中将路径与查询变量匹配

如何使用 React Hook Form 将寄存器作为 props 发送到子组件来收集数据?

如何使图标适合 react-bootstrap 中的行元素

React Router 6.4CreateBrowserRouter子元素不显示

如何在 JSX 中使用 -webkit- 前缀?

React Hooks 表单在日志(log)中显示未定义的用户名

单击按钮时获取react 表中每一行的属性