NextJS Typescript - 设置 tslint 配置以在未使用的导入/声明时强制错误

问题描述

当我在下一个打字稿中编写了未使用的导入/声明时，谁能告诉我如何强制错误？

用例是： 例子我有 import { Accordion,AccordionButton } from '@chakra-ui/react'; 手风琴组件使用，但是对于手风琴按钮未使用，我希望在保存文件时出现错误，编译原因是未使用手风琴按钮。

注意： 我已经添加： "noUnusedLocals": true,"noUnusedParameters": true

在 tsconfig.json 但仍未解决我的问题

解决方法

这在很大程度上取决于您使用的编辑器。在 VScode 中，我将它设置为灰色显示未使用的导入，以便您可以轻松注意到并删除它们。

在你的 VScode 配置中：

{
  "javascript.validate.enable": true,"editor.showUnused": true
}

就得到错误而言，有一个 eslint 插件可以在此处显示未使用的导入的 linting 错误：

https://www.npmjs.com/package/eslint-plugin-unused-imports