更改了 ESLint，React 错误不再显示在浏览器中

Question

我正在和多人一起做一个项目，我们稍微改变了我们的 ESLint。 如果有 React/ESLint 错误，它将无法编译并在浏览器中显示错误。

该项目是几年前使用 CRA 制作的，目前仍在使用 React 17

问题：自更改以来，“问题”选项卡中的所有错误 go 和浏览器都冻结了。 此外，错误出现在开发工具中。 这几乎就像错误只是去了错误的地方。 我真的希望错误也出现在浏览器中。

这是 my.eslintrc.js：有什么想法吗？

  env: {
    browser: true,
    node: true,
    es6: true,
    es2021: true,
  },
  extends: ['airbnb', 'prettier'],
  overrides: [],
  parserOptions: {
    ecmaVersion: 12,
    sourceType: 'module',
  },
  ignorePatterns: ['src/assets/js/*.js', 'node_modules/*'],
  plugins: ['react', 'prettier'],
  rules: {
    'prettier/prettier': ['error'],
    'react/prop-types': 'off',
    'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx'] }],
    camelcase: 'off',
    'jsx-a11y/no-static-element-interactions': 'off',
    'import/no-extraneous-dependencies': 'off',
    'default-param-last': 'off',
  },
};

这可能是一些与 ESLint 无关的本地错误，但我只是更改了它和一些依赖项。

package.json

    "eslint-config-airbnb": "^19.0.4",
    "eslint-config-prettier": "^8.5.0",
    "eslint-plugin-import": "^2.26.0",
    "eslint-plugin-jsx-a11y": "^6.6.1",
    "eslint-plugin-prettier": "^4.2.1",
    "eslint-plugin-react": "^7.31.11",
    "eslint-plugin-react-hooks": "^4.6.0",

谢谢你，我真的很感激任何帮助。

Answer 1

我解决了。 我在进行新的npm install时删除了我们的package-lock.json并且不知何故导致了这个错误。 我认为删除锁定文件通常是可以的，但在我将其添加回来并进行全新安装后，现在一切似乎都可以了。