【问题标题】:React server on browser is not auto-refreshing浏览器上的 React 服务器不会自动刷新
【发布时间】:2021-04-22 01:21:03
【问题描述】:

我在 YouTube 上关注了这个 react course
我成功安装了create-react-app,并且在
npm start之后在我的浏览器上成功运行了本地主机服务器。

但问题是,每当我对组件进行更改并保存时,我必须自己不断刷新浏览器(浏览器在保存时不会自动刷新)。但是那个视频中老师的浏览器会自动刷新。

请帮我。难道我做错了什么?或者我该怎么办?

【问题讨论】:

  • 您是否尝试重新安装 create-react-app 并重新开始?默认 CRA 具有热重载,可能是因为您的进程安装。
  • 你的意思是我应该删除“node_modules”文件夹并重新安装?
  • 确保您安装了最新版本的 CRA。并且您尝试通过 CRA 制作另一个项目。如果仍然面临这个问题。可能您需要再次卸载并安装 CRA。
  • 重新安装 CRA 没有帮助,但 top answer in this question in stackoverflow 有帮助。
  • 更新:所以必须有一种自动方式,我不应该在我的文件中添加任何内容。

标签: reactjs npm jsx


【解决方案1】:

我认为最好的选择是在创建应用程序时使用:npx create-react-app your-app-name,这样您就可以始终拥有最新版本。根据文档:https://reactjs.org/docs/create-a-new-react-app.html

【讨论】:

  • 我确实使用过这些。当我第一次打开开发服务器并向应用程序添加一些更改时,浏览器会刷新,但是当我删除不必要的文件(如 app.css、logo.svh 等)以从头开始工作时,就会出现问题。
  • 检查开发者工具中的控制台选项卡,看看为什么没有更新。最有可能的是,您删除的文件会导致您仅在控制台中看到的错误
  • 有“[HMR] 等待来自 WDS 的更新信号...”我该如何解决这个问题?
  • 我建议您不要删除文件,除非您确切知道自己在做什么。如果它在您打开应用程序后工作并且在进行更改后自动重新加载,那么您的原始问题已经得到解答,您需要就另一个问题提出另一个问题。如果我的回答帮助您解决了您在原始问题中提出的问题,请继续选择它作为答案。快乐编码
  • 嗯,我正在关注视频,它显示删除 src 文件夹中除 index.js 之外的所有文件。我相应地遵循了但我面临的问题和视频中的人不是。所以,不,我的问题没有得到回答,就像我应该如何从头开始工作而不删除 src 文件夹中的其他文件一样。
猜你喜欢
  • 2016-10-26
  • 2017-09-27
  • 1970-01-01
  • 1970-01-01
  • 2019-06-23
  • 2017-06-07
  • 2013-06-02
  • 2018-12-05
  • 2017-09-02
相关资源
最近更新 更多