即使添加 jsconfig 后，Visual Studio Code React 也不会显示错误

Question

所以我正在构建一个 REACT JS 项目，过了一会儿我注意到它没有强调未定义的函数或错误的导入，例如，如果我这样做：

import React, { useState } from 'reactaeasdfas';

它不会说这reactaeasdfas是未定义的。

经过一番搜索后，我发现人们说jsconfig.json应该初始化。

我在网上找到了一个基本的：

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

上面的代码确实解决了如果我调用未定义的函数，它会用红色下划线，但如果我包含未定义的导入，它仍然不起作用的问题。

注意：我通过create-react-app安装了react项目

Answer 1

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

更多细节：

标准的 create-react-app 包已经在使用 ESLint，因此您不需要对应用程序进行任何更改。但是，您的编辑器需要设置为与 ESLint 一起使用。对于 VS Code，这是通过安装扩展/插件来完成的。CRA 文档提供了有关设置编辑器的更多信息 - https://create-react-app.dev/docs/setting-up-your-editor/