【问题标题】:React application don't refresh until i change App.js在我更改 App.js 之前,React 应用程序不会刷新
【发布时间】: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
  • 分享您的组件的一些细节是一件好事。尽管我已经遇到了类似的问题并找出了问题的所在。试试看,它对我所有的同事都有效。

标签: reactjs


【解决方案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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2021-07-30
        • 1970-01-01
        • 2021-06-13
        • 2021-01-04
        • 1970-01-01
        • 2023-03-11
        相关资源
        最近更新 更多