VSCode 认为一些导入没有在 TSX 文件中使用，但它们是

Question

我正在处理 StencilJS 项目（tsx 文件），VSCode 错误地通知我一些声明从未使用过

在屏幕截图中它抱怨类名，但我收到了类似的导入组件的消息

“组件”已定义但从未使用过。允许未使用的变量必须匹配

但是项目编译得很好。我还从头开始创建了一个新的模板项目，它没有这些问题:(

现在导致我的问题是，当我点击save时，所有未使用的导入都被删除，这是不正确的（=构建失败）

在.eslintrc.json里面我注意到我有

 "plugins": ["@typescript-eslint", "import", "unused-imports"],
 "rules": {
    "unused-imports/no-unused-imports": "error",

如果我将“错误”设置为0，错误会变成警告。

有什么建议可能导致这种奇怪吗？

Answer 1

将类定义和导出语句分开怎么样？

    class MyFoo {
      @Element() host: HTMLElement;
}

...

module.exports = MyFoo;
/* OR if there are other exports, lump them together */
module.exports = {
    ...,
    ...,
    MyFoo
}