Visual Studio Code React在添加jsconfig后仍未显示错误

Question

所以我正在构建一个REACT JS项目，一段时间后我注意到它不会下划线未定义的函数或错误的导入，例如如果我这样做：

import React, { useState } from 'reactaeasdfas';

它不会报错，说reactaeasdfas未定义。

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

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

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

这段代码确实解决了调用未定义函数时会在其下划红线的问题，但如果包含未定义的导入仍然无法正常工作。

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

- Dorki

---

在 CRA 后尝试安装像 ESLint 这样的插件，稍后可以自定义设置。 - keikai

@kekai 有没有办法在不使用外部包的情况下解决这个问题？我的意思是，在其他 React 项目中（例如从其他存储库克隆的项目），它可以正常工作，而无需使用该插件 ESLint。 - Dorki

我已经安装了，但在输入代码时没有显示错误或缺少变量的错误。 - pankaj

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/

- FiveOFive