即使在添加 jsconfig 后，Visual Studio Code React 也沒有顯示錯誤

Question

所以我正在構建一個 REACT JS 項目，過了一會兒我注意到它沒有強調未定義的函數或錯誤的導入，例如如果我這樣做：

import React, { useState } from 'reactaeasdfas';

它不會說reactaeasdfas是未定義的。

經過一番搜索，我發現人們說應該初始化jsconfig.json 。

我在 inte.net 上找到了一個基本的：

{
    "compilerOptions": {
      "module": "commonjs",
      "target": "es6",
      "jsx": "react"
    },
    "include": [
        "src"
    ]
}

上面這段代碼確實解決了如果我調用一個未定義的function，它會用紅色下划線的問題，但是如果我包含未定義的導入它仍然不起作用。

注意：我通過create-react-app安裝了 react 項目

Answer 1

安裝 Visual Studio Code 的 ESLint 擴展 - https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

更多細節：

標准的 create-react-app package 已經在使用 ESLint，因此您不需要對應用程序進行任何更改。 但是，您的編輯器需要設置為使用 ESLint。 對於 VS Code，這是通過安裝擴展/插件來完成的。 CRA 文檔包含有關設置編輯器的更多信息 - https://create-react-app.dev/docs/setting-up-your-editor/

Answer 2

也許這篇文章可以提供幫助？ 我剛剛嘗試過，它對我有用 https://blog.echobind.com/integrating-prettier-eslint-airbnb-style-guide-in-vscode-47f07b5d7d6a