我在浏览器控制台中看不到 react lint 错误答案

【问题标题】：I can't see react lint errors in my browser console我在浏览器控制台中看不到 react lint 错误
【发布时间】：2023-04-06 07:32:02
【问题描述】：

我使用npx create-react-app 开始了一个新的 ReactJS 项目，我在浏览器中看不到 lint 错误，但它们显示在 vscode 终端上。我真的不知道该怎么做，我想要另一种方式，显示在浏览器控制台上，也许不在终端上。我尝试了不同的浏览器，结果相同。这是它使用的package.json 文件。

{
  "name": "react-project",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "antd": "^4.17.3",
    "i18next": "^21.6.3",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-i18next": "^11.15.1",
    "react-router-dom": "5",
    "react-scripts": "5.0.0",
    "web-vitals": "^2.1.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

【问题讨论】：

您在构建期间看到的终端消息，您将其与我认为是运行时的 javascript 控制台进行比较。
Lint 不在浏览器中运行，因此不清楚它会如何显示 linting 警告。你想要这个要求有什么特别的原因吗？当然，在 IDE 中查看它们会更好，这样您就可以在键入时更正它们？
我更容易在浏览器控制台中看到它们，是的，我说的是运行时错误。我也有终端运行时错误/警告，关于我在说的那些
我不能说这是不可能的，但是作为静态代码分析工具的 linting 通常对开发人员在编写代码时很有用。因此，通常它是构建过程的一部分 - 出现在构建过程运行的终端中的 lint 警告和错误 - 或者在编写代码时，例如集成在 IDE 中。
我不是在谈论童话故事，而是每个 react 项目，直到这个项目在浏览器控制台上出现 lint 错误

标签： javascript reactjs browser eslint

【解决方案1】：

我从来没有遇到过，但是尝试停止您的应用程序，删除 node_modules 文件夹并再次运行 npm i 以安装所有依赖项。

【讨论】：

我已经这样做了