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

错误是什么意思
这个错误提示是关于 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": [
    // 在这里添加你想要包含的文件
  ]
}