VueJs3 全新安装 TypeScript 错误选项“importsNotUsedAsValues”已弃用

Question

{
  "extends": "@vue/tsconfig/tsconfig.web.json",
  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
  "exclude": ["src/**/__tests__/*"],
  "compilerOptions": {
    "composite": true,
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }
  }
}

在第一个大括号上，我收到此错误：

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

你知道我该如何修复这个错误吗？

Answer 1

错误来自这一行（第一个代码部分），因为该文件不再与 兼容Typescript 5.0，createVue仍然没有将其依赖项升级到@vue/tsconfig支持Typescript 5.0：

  "extends": "@vue/tsconfig/tsconfig.web.json",

它导入tsconfig.web.json包含importsNotUsedAsValues.

要修复该错误，您可以@vue/tsconfig作为独立模块安装以获得支持以下功能的最新版本Typescript 5.0：

npm remove @vue/tsconfig.json
npm i @vue/tsconfig

然后你可以更改你的 tsconfig.json ：

"extends": "@vue/tsconfig/tsconfig.dom.json",

通常，该文件不再包含importsNotUsedAsValues。

支持 ts5 NPM 参考 @vue/tsconfig 的官方 tsconfig

您仍然可以等待createVue或用于创建项目的任何内容来升级其依赖项以支持Typescript 5.0，但这就是您收到错误的原因以及目前如何摆脱它+您必须重新创建它。