reactjs - 使用 Standardjs no-unused-vars

Question

在我的 Typescript React 项目中，我定义了:

export type NavState = { mounted: boolean }

然后在我的组件中我使用了如下主题:

import { NavState } from '../../models/nav'

class Nav extends React.Component<any, NavState> {
  state: NavState = {
    mounted: false
  }
}

但我在导入时为 NavState 加了红色下划线，它说:

'NavState' is defined but never used. (no-unused-vars)standard(no-unused-vars)

在我的 package.json 我有这个:

  "standard": {
    "ignore": [
      "node_modules/**",
      "**/__generated__/"
    ],
    "parser": "@typescript-eslint/parser",
    "plugins": [
      "@typescript-eslint"
    ]
  }

我的 vs-code settings.json 是这样的:

{
  "standard.autoFixOnSave": true,
  "standard.enable": true,
  "standard.run": "onType",
  "standard.validate": [
    { "language": "javascript", "autoFix": true },
    { "language": "javascriptreact", "autoFix": true },
    { "language": "typescript", "autoFix": true },
    { "language": "typescriptreact", "autoFix": true }
  ]
}

为什么 Standardjs 无法理解我使用了类型别名？我该如何解决？

Answer 1

这应该可以解决问题:

import { NavState } from '../../models/nav'  //eslint-disable-line

注意导入行的注释。

检查 docs了解更多。