用react显影时窗口焦点的变化

Question

我有一个使用react的设置。当我运行yarn start时，我可以开始编码，并且在浏览器中可以看到更改。问题是，每隔10秒左右，我的终端就会想让我知道mycode中的错误，并总是将焦点改回错误所在的特定文件中的编辑器。这太烦人和令人沮丧了。我想这和esint有关。我试着查看文档，甚至删除了eslinrc.json文件，但仍然坚持相同的行为。有什么方法可以阻止这种行为吗。

这是我的包.json

{
"name": "korean-recipes",
"version": "0.1.0",
"private": true,
"dependencies": {
"@material-ui/core": "^4.9.5",
"@material-ui/icons": "^4.9.1",
"@reduxjs/toolkit": "^1.2.5",
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.3.2",
"@testing-library/user-event": "^7.1.2",
"react": "^16.13.0",
"react-dom": "^16.13.0",
"react-redux": "^7.2.0",
"react-router-dom": "^5.1.2",
"react-scripts": "3.4.0",
"redux": "^4.0.5"
},
"scripts": {
"lint": "yarn run start",
"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": {
"eslint": "^6.8.0",
"eslint-config-google": "^0.14.0",
"eslint-plugin-react": "^7.19.0"
}
}

Answer 1

我发现了问题。默认情况下，这是由"npx-create-react-app"创建的行为。要删除该行为，只需添加一个带有以下变量的.env文件：REACT_EDITOR=无

来源：https://create-react-app.dev/docs/advanced-configuration