Cannot find tsconfig.json:2:13: 2 │ "extends": "@vue/tsconfig/tsconfig.web.json",

解决 tsconfig.web.json 文件未找到的问题

当遇到错误提示 “Cannot find base config file @vue/tsconfig/tsconfig.web.” 时，这通常意味着 TypeScript 编译器无法定位到指定的基础配置文件。为了修复此问题，可以采取以下几个措施：

修改 tsconfig.json

确保项目根目录下的 tsconfig.json 正确引用基础配置路径。如果使用的是 Vue CLI 或 Vite 创建的项目，则应确认如下设置是否存在并正确无误[^1]。

{
  "extends": "@vue/tsconfig/tsconfig.web.json",
  "compilerOptions": {
    ...
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.d.ts"
  ]
}

安装缺失依赖项

有时该问题可能是由于缺少必要的包引起的。尝试安装最新版本的相关开发依赖来解决问题:

npm install --save-dev @vue/tsconfig

检查工作区结构

对于多库或多应用的工作空间布局，需特别注意相对路径是否匹配实际位置。可能需要调整 extends 字段中的路径以适应具体环境需求。

使用绝对导入

考虑采用基于项目的绝对路径方式来进行模块解析，这样能减少因相对路径引起的各种麻烦。可以在 jsconfig.json 或者 tsconfig.json 中加入以下配置选项:

{
  "baseUrl": ".",
  "paths": {
    "~/*": ["./src/*"]
  }
}