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代码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，了解更多信息。

Standardjs使用时没有未使用的变量

1 个答案: