在 App 功能组件中添加“export const”后，热重载停止在 REACT v17 上工作

编程问答 2022-05-25

问题描述

我突然遇到这个问题，直到找到原因。

我已经把一个导出常量放到了 App 功能组件的范围之外。 这样做之后 - 热重载停止工作。

您可以在这个 Basic create-app project 中看到一个演示（将其与分支进行比较： 热重载现在不工作。

我也在另一个项目中看到了这种行为。但是对于较旧的项目，它没有发生。 （当应用程序是那里的常规类组件时）。

这是一个video演示

这是一个错误吗？

package.json：

{
  "name": "draft-work-5781","version": "0.1.0","private": true,"dependencies": {
    "@testing-library/jest-dom": "^5.11.9","@testing-library/react": "^11.2.5","@testing-library/user-event": "^12.7.0","react": "^17.0.1","react-dom": "^17.0.1","react-scripts": "4.0.2","web-vitals": "^1.1.0"
  },"scripts": {
    "start": "react-scripts start","build": "react-scripts build","test": "react-scripts test","eject": "react-scripts eject"
  },"eslintConfig": {
    "extends": [
      "react-app","react-app/jest"
    ]
  },"browserslist": {
    "production": [
      ">0.2%","not dead","not op_mini all"
    ],"development": [
      "last 1 chrome version","last 1 firefox version","last 1 safari version"
    ]
  }
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

hot-reloadnpmnpmnpmreactjsreactjsreactjsreactjswebpackwebpackwebpack