ESLint，将 React 变量视为未使用

Question

我刚刚将我的项目更新为 React 17，它不需要在每个文件中导入 React。我还禁用了 react/jsx-uses-react 和 react/react-in-jsx-scope 规则。第一个是防止 eslint 抱怨 React 变量是不必要的。但是现在当它真的没有必要时，即使规则被禁用并且我删除React导入时没有错误，它并没有说它是未使用的。可能是什么原因，是否有任何其他规则阻止 ESLint 将 React 视为未使用？我最近做了一个空的 react 项目，这个导入被标记为未使用，为什么它不在这里

Answer 1

简介

此答案与 ESLint 无关。

关于被测项目的一些细节：

• 项目已配置 (tsconfig.json) 以使用 «新 JSX 转换»。
  请参阅：React 17 JSX Factories | Announcing TypeScript 4.1 | TypeScript。
• TypeScript 源代码文件包含一个 JSX 片段和 故意冗余 React 导入 (import React from "react";)。

解决方案

我注意到TypeScript升级到4.2.2版本后，TypeScript编译器开始报相应的编译错误：

TS6133：已声明“React”，但从未读取其值。

错误信息指向有问题的源代码行：

import React from "react";