Vue项目构建vue项目Typescript配置文件出现错误


配置文件报错
tsconfig.node.json文件提示错误:
“Path to base configuration file to inherit from (requires TypeScript version 2.1 or later), or array of base files, with the rightmost files having the greater priority (requires TypeScript version 5.0 or later)”

错误是什么意思
这个错误提示是关于 TypeScript 的配置文件 tsconfig.json 的。它是告诉你在这个配置文件中,extends 字段的值是一个文件路径或一个文件路径的数组,表示要继承的 TypeScript 配置文件。这个错误提示是在提醒你,在 TypeScript 版本 2.1 之后,extends 字段才可以支持配置文件的继承

解决办法
在项目根目录创建一个名为 tsconfig.base.json 的 TypeScript 配置文件,用于定义项目的基础 TypeScript 配置;
在 tsconfig.json 文件中,设置 extends 字段为 ./tsconfig.base.json,表示继承基础 TypeScript 配置。
tsconfig.base.json

{
  "compilerOptions": {
    /* 声明编译输出文件的路径 */
    "outDir": "./dist",
    /* 编译输出文件的模块规范 */
    "module": "esnext",
    /* 编译输出文件的 ECMAScript 版本 */
    "target": "esnext",
    /* 是否生成 sourceMap */
    "sourceMap": true,
    /* 是否启用在 .vue 文件中的 <script setup> 区域中使用的单文件组件功能 */
    "experimentalDecorators": true,
    /* 是否启用装饰器语法 */
    "allowSyntheticDefaultImports": true,
    /* 是否允许从没有默认导出的模块进行默认导入 */
    "esModuleInterop": true,
    /* 是否启用默认的 esModuleInterop 行为 */
    "strict": true,
    /* 是否启用所有严格类型检查选项 */
    "moduleResolution": "node",
    /* 模块解析策略 */
    "baseUrl": ".",
    /* 模块导入路径的基本 URL */
    "paths": {
      /* 相对于 baseUrl 解析的模块导入路径 */
      "@/*": ["src/*"]
    },
    /* 对应的编译器插件 */
    "plugins": [
      /* 启用装饰器转换 */
      {
        "name": "@vue/compiler-sfc",
        "transforms": {
          "before": [
            /* 启用注入组件,实现自动引入 Element Plus 等组件的功能 */
            "unplugin-vue-components/vite"
          ]
        }
      }
    ]
  }
}

在你的项目中的其他 TypeScript 配置文件中,使用 extends 选项引用 tsconfig.base.json

{
  "extends": "./tsconfig.base.json",
  "compilerOptions": {
    // 在这里添加你自己的编译选项
  },
  "include": [
    // 在这里添加你想要包含的文件
  ]
}
GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891 Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐