NextJS Typescript - 設置 tslint 配置以在有未使用的導入/聲明時強制出錯

Question

當我在下一個 typescript 中寫入未使用的導入/聲明時，誰能告訴我如何強制錯誤？

用例是：例如我import { Accordion, AccordionButton } from '@chakra-ui/react'; 使用了 Accordion 組件，但是對於 AccordionButton未使用，我希望在保存文件時出現錯誤，因為 AccordionButton 沒有使用。

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

在 tsconfig.json 但仍然沒有解決我的問題

Answer 1

它在很大程度上取決於您使用的編輯器。 在 VScode 中，我將它設置為灰色未使用的導入，以便您可以輕松地注意到並刪除它們。

在您的 VScode 配置中：

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

至於出現錯誤，有一個 eslint 插件可以在這里顯示未使用的導入的 linting 錯誤：

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