如何对未使用的导入进行 create-react-app 检查

Posted 2023-02-19

【中文标题】如何对未使用的导入进行 create-react-app 检查

【英文标题】：How to make create-react-app check for unused imports

【发布时间】：2021-02-18 21:36:24

【问题描述】：

我主要使用 create-react-app 来启动一个新的 React 项目。几天前，我第一次尝试了 Vue，它有这个功能，如果你的代码中有未使用的导入，它基本上会阻止应用程序运行。是否可以为 create-react-app 提供相同的功能？

【参考方案1】：

eslint 规则 no-unused-vars 默认已启用（在 CRA 中）

'value' is defined but never used. (no-unused-vars)eslint

这适用于未使用的导入，例如这个简单的代码会产生警告：

// 'useState' is defined but never used. (no-unused-vars)eslint
import React, useState from "react";

export default function App() 
  return <>...</>;

如果您想阻止应用运行，请更改配置以生成 error。

...
    "rules": 
        "no-unused-vars": ["error"]
    

见How is ESLint integrated into Create React App?

【讨论】：

谢谢。我想我有一个旧版本。默认情况下，它没有其他帖子中提到的 eslint

Eslint 有所有版本，阅读它有一个 eslint 的帖子