Eslint - 無法加載解析器 @babel/eslint

Question

我正在嘗試為我的 React 項目設置 Eslint 和 Prettier。 為此，我選擇了 Airbnb 規則集。 現在我被困在我的 VS Code 中 Eslint 和 Prettier 的集成上。 它已經奏效了，但給了我一些奇怪的箭頭，例如：

Unexpected argument :

定義類型時。

我發現搜索了一個解決方案並點擊了安裝解析器。 所以我嘗試安裝@babel/eslint-parser。

但是在遵循本指南之后，我收到以下錯誤。

Error: Failed to load parser '@babel/eslint-parser' declared in 'src\.eslintrc.js': Cannot find module '@babel/eslint-parser'

由於錯誤暗示 @babel/eslint-parser 丟失，我嘗試重新安裝：

npm i @babel/eslint-parser @babel/preset-react -D

現在我有點不知所措。

這是 my.eslintrc.js

module.exports = {
    extends: ["airbnb", "prettier"],
    plugins: ["prettier"],
    parser: "@babel/eslint-parser",
    parserOptions: {
      requireConfigFile: false,
      babelOptions: {
        presets: ["@babel/preset-react"]
      }
    },
    rules: {
      "prettier/prettier": ["error"],
      "react/jsx-filename-extension": ["off"],
      "react/prefer-stateless-function": ["off"],
      "import/extensions": ["off"],
      "import/no-unresolved": ["off"],
      "indent": ["error", 2]
    }
}; 

Answer 1

我自己找到了解決方案。 對於任何在未來有類似問題的人。 檢查您的 npm 包。 我的不同版本不兼容，這阻礙了 babel 的使用。

Answer 2

我有同樣的問題，package 應該正確安裝，否則它不能正常工作，修復它這樣做：

npm install babel-eslint --save-dev

之后不要忘記“NPM RUN BUILD”