ESLint 導致 VSCode 中的導入出現問題

Question

我正在嘗試使用我的項目在 vscode 中設置 eslint。 也就是說，我的項目根目錄中有以下 eslintrc.json 文件：

{
  "env": {
    "browser": true
  },
  "extends": [
    "eslint:recommended",
    "plugin:react/recommended",
    "plugin:@typescript-eslint/recommended"
  ],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    },
    "ecmaVersion": 12,
    "sourceType": "module"
  },
  "plugins": ["react", "@typescript-eslint"],
  "rules": {}
}

但是，使用該配置，我在文件的導入行上看到很多錯誤。 例如，我在 React 的導入行中看到以下內容：

Cannot find module 'react' or its corresponding type declarations.

不用說，這令人沮喪，因為我正在做一個 React 項目。 此外，該項目仍然按應有的方式啟動和運行，這讓我相信這是一個 vscode 問題。 任何有關如何使 vscode go 中的錯誤的建議將不勝感激。

Answer 1

此錯誤與 ESLint 無關，也與 VSCode 無關。 這是來自 TypeScript 的類型檢查器的警告，說明以下內容之一：

• 未安裝react ； 或者
• react沒有.d.ts文件。

在您的情況下，當代碼運行時，它是第二個。 React 沒有定義文件，因此您需要通過npm install --save-dev @types/react或yarn add --dev @types/react為 React安裝DefinedTyped package。

注意：如果您正在為您的項目制作 typedef 文件（除非它是一個庫或您正在擴充類型，否則不需要）並且您需要從定義文件中導入@types/react ，您需要省略--save-dev / --dev部分。