`react-scripts start`不断打开新选项卡

Question

我有一个用

create-react-app

构建的 React 项目。一切工作正常，除了每隔几分钟它决定在浏览器的新选项卡中打开 http://localhost:3000/ 。当我没有对代码进行任何更改并且我已经在另一个选项卡中打开 http://localhost:3000/ 时，就会发生这种情况。我怎样才能阻止这种情况发生？我一直找不到任何解决方案。

我使用的是 Windows 10、WSL2。

我使用

npm start

启动该项目。这是我的

package.json

:

{
  "name": "client",
  "version": "0.1.0",
  "private": true,
  "dependencies": {...},
  "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"
    ]
  }
}

谢谢！

Answer 1

要禁止 create-react-app 在应用程序每次启动或编译时打开选项卡（这是文件更改时 nodemon 触发的），您可以将 env 变量设置为

BROWSER=none 

如果您正在使用 create-react-app 进行测试，那么您实际上并不需要 nodemon，您只需执行 npm start 即可，它会在您处理代码时自动重建并重新加载。

BROWSER=none npm start