javascript - React 和 Prettier/eslint 应用程序循环运行脚本

Question

我的 Create React 应用程序正在一遍又一遍地编译。撇开事实不应该这样做，它也非常分散注意力。

这是默认 npm run start 的输出

我猜这与 linting、想法有关？

编辑:

请求的脚本:

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "lint:check": "eslint . --max-warnings=0",
    "lint:fix": "eslint . --fix --max-warnings=0",
    "prettier:check": "prettier . --check",
    "prettier:fix": "prettier . --write"
  }

编辑2: 我现在已经从项目中删除了所有 eslint 包，并删除了 prettier 和 eslint 文件，应用程序的行为仍然如附加的 GIF 所示

---

编辑3:

对于任何看到此内容的人来说，问题仍然没有解决。

• 完全去除掉毛
• 重做我的所有 typescript 类型和接口(interface)，确保它们被正确引用等...
• 在 Mac、Windows、Linux 上尝试过，它们都做同样的事情。
• 使用 Powershell 和 zsh 在 IDE 之外启动应用程序，它们执行相同的操作
• 更新了我的所有软件包
• 获得了新的 tsconfig 文件
• 删除了node_modules
• 尝试过yarn和npm，它们都做同样的事情

我在这里不知所措，评论和答案都有帮助，但都不能解决问题。

Answer 1

可能会发生几件事。

以下是我过去遇到的一些情况:

1. 有一个文件在你身上不断变化。也许您的 IDE 已打开，并且由于某种原因正在保存文件，或者脚本正在更新它，或者由于某些其他原因正在更新它，从而重新启动编译。
2. 缓存可能会把事情弄乱。尝试运行npm start -- --reset-cache。清除缓存可能会有所帮助。
3. 切换环境。即在清晰的虚拟机上设置项目。
4. 暂时禁用 linting & prettier。从 package.json 中删除所有 eslint 和 prettier 命令并重新运行项目。