在我更改 App.js 之前，React 应用程序不会刷新

Posted 2023-02-22

【中文标题】在我更改 App.js 之前，React 应用程序不会刷新

【英文标题】：React application don't refresh until i change App.js

【发布时间】：2020-01-01 14:24:36

【问题描述】：

我是 React 的新手，通过各种免费材料学习它。

在开发模式下，我正在尝试使用 App.js 中的每个组件创建一个带有页眉页脚和正文的简单网站

问题是当我在页眉或页脚或正文中更改代码时，即使我硬刷新浏览器，浏览器也不会更新其内容。

更新屏幕的唯一方法是在 App.js 文件中进行一些更改。 那么它将反映我所做的所有更改。

使用npm install –g create-react-app && create-react-app my-app 创建 并开始在 App.js 中创建页眉页脚组件

如何解决这个问题，显然反应是在 App.js 更改之前不检测更改。

【问题讨论】：

在添加新文件时重新启动捆绑程序

@MedetTleukabiluly 手动重新启动捆绑程序没有意义。 OP 期望热重载能够无缝地为所有文件更改工作，而不仅仅是 App.js

分享您的组件的一些细节是一件好事。尽管我已经遇到了类似的问题并找出了问题的所在。试试看，它对我所有的同事都有效。

【参考方案1】：

Chowkidar 似乎存在一些问题。请将CHOKIDAR_USEPOLLING=true 添加到package.json 中的运行脚本中。下面的例子：

 "start": "CHOKIDAR_USEPOLLING=true react-scripts start"

【参考方案2】：

您可能需要在 App.js 中同时实例化页眉和页脚！

【讨论】：

嗨，欢迎来到 SO。这没有回答最初的问题。请阅读how-to-answer 部分以形成更好的答案。

【参考方案3】：

如果不查看您的代码，很难回答这个问题。 尽管有一件事可能是您不会在 app.js 中调用 header/footer/body 组件。 请显示代码，以便我们找出问题。

【参考方案4】：

显然，没有内置的反应观察者来查看和包含/考虑新添加的文件。 所以每次我在新文件中添加一些新组件时，我需要npm start