Reactjs 在localhost中保存更改后，React组件不在浏览器中重新加载

我使用CreateReact应用程序创建了一个新的react项目。在旧项目中，每当我在零部件中进行更改并保存零部件时，它都会反映在浏览器中，但在新项目中，当我在代码中保存更改时，浏览器不会重新加载并反映更改。因此，我停止了正在运行的进程，并再次启动

npm

这是我的package.json文件

{
  "name": "new-application",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.4.0",
    "@testing-library/user-event": "^7.2.1",
    "react": "^16.12.0",
    "react-dom": "^16.12.0",
    "react-redux": "^7.1.3",
    "react-router-dom": "^5.1.2",
    "react-scripts": "3.3.0",
    "redux": "^4.0.5"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "redux-devtools": "^3.5.0",
    "webpack": "^4.41.5"
  }
}

---

我是否可以在package.json中添加一些内容，以便在我进行更改时自动重新加载浏览器？

使用以下方法再次安装您的应用程序：

npx create-react-app appname

并且不要编辑package.json

我遇到了类似的（或相同的事件）问题，我通过添加以下标志更改了package.json文件中的start命令：--watch--watch poll to the webpack dev server:

{
//...
"scripts": {
    "start": "webpack-dev-server --env.ENVIRONMENT=development --content-base src/ --mode development --watch --watch-poll",
    // ...
}
// ...
}

现在，使用npm start，然后更改src文件，我可以在浏览器中看到更改

---

请在此查看更多选项。

如果您不想修改package.json，可以重新安装您的项目

有两种方法

使用git：

在git上推动您的项目

清除计算机上的项目文件夹

git克隆https://github.com/my-account/my-project.git

npm安装

---

没有git：

备份项目的内容，节点单元除外

清除项目文件夹，package.json除外

npm安装

粘贴您备份的文件

---

您需要的是“热模块重新加载”。它有一些软件包，例如：在终端中，脚本是否在对任何组件进行更改并保存后运行？我的印象是create react应用程序默认启用了热模块重新加载。@终端本身脚本中的Ramesh no bro未运行。是@JMadelaine，但它不工作。