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

原创已于 2023-12-23 11:30:10 修改 · 2.2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #typescript #vite

于 2023-12-23 11:28:26 首次发布

vue3 专栏收录该内容

26 篇文章

订阅专栏

文章讲述了在创建Vue3项目时遇到关于tsconfig.json或tsconfig.app.json的错误，涉及选项‘importsNotUsedAsValues’的弃用。解决方法是在compilerOptions中添加ignoreDeprecations:5.0，并推荐使用verbatimModuleSyntax。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在创建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

原因：

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


{
  "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"]
    }
  }
}