"extends": "@vue/tsconfig/tsconfig.dom.json",

"extends": "@vue/tsconfig/tsconfig.dom.json" 是用来指定当前 tsconfig 文件继承的基础配置文件，即 @vue/tsconfig/tsconfig.dom.json。该基础配置文件主要用于配置源码，包括 .vue 文件，并指定了一些编译选项和路径映射等。通过继承基础配置文件，可以方便地复用和扩展配置。

相关问题

"extends": "@vue/tsconfig/tsconfig.dom.json",找不到文件

### 解决 Vue 项目中 `tsconfig.extends` 找不到 `@vue/tsconfig/tsconfig.dom.json` 的问题

当遇到 `Cannot find base config file @vue/tsconfig/tsconfig.dom.json` 错误时，这通常意味着 TypeScript 配置文件尝试扩展一个不存在的基础配置文件。解决方案涉及调整项目的依赖项以及修改 `tsconfig.json` 文件。

#### 修改 `package.json`

为了确保能够正确解析基础配置文件，建议更改 `extends` 字段指向另一个可用的基础配置文件，并安装相应的包：

{
  "dependencies": {
    ...
    "vue": "^3.3.4"
  },
  "devDependencies": {
    ...
    "vite": "^4.3.8",
    "@types/node": "^20.1.0", // 添加 Node 类型定义支持
    "@tsconfig/node18": "^2.0.1" // 安装适用于 Node.js v18 的 tsconfig
  }
}

接着，在 `tsconfig.json` 中更新 `extends` 属性为:

{
  "extends": "@tsconfig/node18/tsconfig.json",
  ...
}

此操作将使当前的 TypeScript 设置继承自指定版本的 Node.js 默认设置[^2]。

#### 更新 VSCode 设置 (如果适用)

对于在 Visual Studio Code 编辑器内打开的项目而言，有时即使解决了上述问题仍然会出现红色波浪线提示错误的情况。这是因为编辑器内部进行了 JavaScript 和 TypeScript 的语法检查，这些内置规则可能与项目中的 `.eslintrc`, `.prettierrc` 或者其他的 linter 工具存在冲突[^3]。

可以通过以下方式来缓解这个问题：

- **全局禁用 JSHint**: 如果正在使用 JSHint，则可以在工作区级别的 settings.json 中关闭它；

- **启用自动检测 tsconfig.json**: 确认VSCode已启用了对 `tsconfig.json` 文件的支持；

- **重启 VSCode**: 更改配置后记得重新启动 IDE 来应用新的设定。

通过以上方法可以有效处理因缺少特定路径而导致的编译失败或IDE内的警告信息。

vue3ts出现找不到文件“@vue/tsconfig/tsconfig.dom.json”

回答: 出现找不到文件“@vue/tsconfig/tsconfig.dom.json”的问题可能是由于配置文件的错误或缺失引起的。根据提供的引用内容，可以尝试以下解决方案来解决这个问题。

首先，根据引用\[1\]中的解决方案，可以尝试修改tsconfig.json文件中的"extends"字段，将其改为"extends": "@tsconfig/node18/tsconfig.json"。这样可以使用"@tsconfig/node18"的配置文件来替代"@vue/tsconfig/tsconfig.dom.json"。

其次，根据引用\[2\]中的描述，可能是因为缺少了"@tsconfig/react-native/tsconfig.json"文件导致的错误。可以尝试安装"@tsconfig/react-native"依赖，并确保该文件存在于项目中。

最后，根据引用\[3\]中的内容，可以检查tsconfig.json文件中的"references"字段，确保引用了正确的配置文件路径。同时，还可以检查"include"字段中是否包含了需要的文件路径。

综上所述，通过修改tsconfig.json文件的配置，安装缺失的依赖，并检查文件路径是否正确，可以解决找不到文件“@vue/tsconfig/tsconfig.dom.json”的问题。
#### 引用[.reference_title]
- *1* [Cannot find base config file @vue/tsconfig/tsconfig.web.json](https://blog.csdn.net/goodcto/article/details/131509032)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [React Native v0.70 踩坑：@tsconfig/react-native/tsconfig.json Not Found](https://blog.csdn.net/peade/article/details/126937784)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [vue3+vite项目中tsconfig.json / tsconfig.node.json 配置](https://blog.csdn.net/qq_42761482/article/details/128797960)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]