tsconfig.app.json文件报红：Option ‘importsNotUsedAsValues‘ is deprecated...

一嘴一个橘子2023-12-26 8:25

在创建vue3 + vite + ts项目时的 tsconfig.json（或者tsconfig.app.json） 配置文件经常会报一个这样的错误：

爆红：

Option 'importsNotUsedAsValues' is deprecated and will stop functioning in TypeScript 5.5.
Specify compilerOption '"ignoreDeprecations": "5.0"' to silence this error.

Use 'verbatimModuleSyntax' instead.ts

翻译后：

选项"importsNotUsedAsValues"已弃用，并将停止在TypeScript 5.5中运行。
指定compilerOption""ignoreDeprecations"："5.0""以消除此错误。

使用'verbatimModuleSyntax'代替.ts

原因：

很明显，就是选项被启用了，可以根据提示去消除错误，下面就是解决方法：

javascript 复制代码

{
  "extends": "@vue/tsconfig/tsconfig.web.json",
  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
  "exclude": ["src/**/__tests__/*", "node_modules"],
  "compilerOptions": {
    "ignoreDeprecations": "5.0",  # 根据报错提示，加入这句话 #
    "composite": true,
    "paths": {
      "@/*": ["./src/*"],
      "vue-types": ["../../node_modules/vue-types"]
    }
  }
}