如何修复“标记‘importsNotUsedAsValues’已弃用，并将在 TypeScript 5.5 中停止运行。”？

Question

有谁知道如何修复这个 tsconfig 错误？

标记“importsNotUsedAsValues”已弃用，并将在 TypeScript 5.5 中停止运行。指定 'ignoreDeprecations: "5.0"' 以消除此错误。请改用“verbatimModuleSyntax”。

我使用 vscode 并使用 Vite 创建了新的 Vue 项目实例

不确定我是否应该消除此错误，或者是否有关于如何编辑 tsconfig 的特定解决方案？

Answer 1

根据verbatimModuleSyntax而不是

"importsNotUsedAsValues": "error"

你应该使用

"verbatimModuleSyntax": true

请参阅拉取请求中的详细信息。

原来是在这里回答的。

Answer 2

tsconfig.json您可以通过在项目中添加以下命令来隐藏此警告：

{
  "compilerOptions": {
    "ignoreDeprecations": "5.0",
    ....
  }
}

Answer 3

遇到了同样的问题，使用 GitHub 问题中的解决方法修复了该问题：

如果您正在使用@vue/tsconfig/tsconfig.web.json或类似的，您可以重置那些在启用 verbatimModuleSyntax 时出错的属性

{
  "extends": "@vue/tsconfig/tsconfig.web.json",
  "compilerOptions": {
    // workaround for https://github.com/vuejs/tsconfig/issues/6
    "preserveValueImports": false,
    "importsNotUsedAsValues": "remove",
    "verbatimModuleSyntax": true,
    // end workaround
  },
}

我看到你用了@vue/tsconfig/tsconfig.web.json。