更改了 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並且不知何故導致了這個錯誤。 我認為刪除鎖定文件通常是可以的，但在我將其添加回來並進行全新安裝后，現在一切似乎都可以了。