热重新加载不适用于clean react项目？

Question

今天是我用React v17做的第一个项目（如果这很重要或不重要），我正在改变状态、dom等的东西，它不会像以前那样重新加载任何东西。通常情况下，当你有状态内的东西要保存时，你会注意到它，然后它就消失了，但是现在它不再发生了。

是否有什么我可以检查的，看看我是否做错了什么？只是一个用CreateReact应用程序创建的项目，clean。

这就是我所有的，https://github.com/StewartGF/todo-test

对于上下文，我所做的是更改代码中期望从页面重新加载的状态。

将状态更改为：

const initialState = [
  {
    id: Date.now(),
    task: "Crear un todo  ",
    completed: true,
  }
];

const todoReducer = (state = initialState, action) => {
  switch (action.type) {
    case "ADD_TODO":
      return [...state, action.payload];
    default:
      return state;
  }
};

export default todoReducer;

到

const initialState = [
  {
    id: Date.now(),
    task: "Crear un todo  ",
    completed: true,
  },
  {
    id: Date.now(),
    task: "Crear un todo  ",
    completed: true,
  },
];

const todoReducer = (state = initialState, action) => {
  switch (action.type) {
    case "ADD_TODO":
      return [...state, action.payload];
    default:
      return state;
  }
};

export default todoReducer;

通常情况下，您希望页面重新加载新状态。

控制台中没有错误。我所知道的唯一不同于我所做的其他项目（测试以确认是否有VSCode或其他内容）的是react的版本。

Package.json不起作用的项目：

  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.11.5",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-redux": "^7.2.1",
    "react-scripts": "4.0.0",
    "redux": "^4.0.5",
    "web-vitals": "^0.2.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

在此之前创建的其他项目

"version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.5.0",
    "@testing-library/user-event": "^7.2.1",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-redux": "^7.2.1",
    "react-scripts": "3.4.3",
    "redux": "^4.0.5",
    "redux-thunk": "^2.3.0",
    "uuid": "^8.3.0"
  },
  "scripts": {
    "start": "npm run watch:css && react-scripts start",
    "build": "npm run build:css && react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "build:css": "postcss src/assets/tailwind.css -o src/assets/main.css",
    "watch:css": "postcss src/assets/tailwind.css -o src/assets/main.css"
  },
  "eslintConfig": {
    "extends": "react-app"
  },

编辑：将依赖项从React 17降级为“React”：“^16.13.1”，并按预期工作。。我想这和我的版本有关

Answer 1

添加

if(module.hot){
module.hot.accept()
}

Answer 2

创建. env文件并添加FAST_REFRESH=false