如何让VS Code识别MonoRepo多包之间的TypeScript类型声明？

该问题属于VS Code内置TypeScript语言服务的路径解析逻辑差异，你的Parcel编译链路能正确识别monorepo的包关联，但TS语言服务默认只会基于当前工作区的tsconfig配置查找类型定义，缺少对应路径映射时就会出现「编译正常、IDE报错」的现象。

方案1：配置tsconfig路径映射（MonoRepo场景推荐） #

• 在monorepo根目录新增tsconfig.json，添加如下配置：

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "library": ["./library/dist"]
    }
  }
}

• 在web-ui包的tsconfig.json中也添加相同的paths配置，保证子包的TS解析逻辑对齐。

方案2：完善library包的导出配置 #

部分版本的TS语言服务需要显式的exports字段才能正确识别类型，在library包的package.json中添加如下配置：

{
  "main": "./dist/main.js",
  "types": "./dist/main.d.ts",
  "exports": {
    ".": {
      "types": "./dist/main.d.ts",
      "default": "./dist/main.js"
    }
  }
}

方案3：重启TypeScript语言服务 #

如果以上配置都已完成仍有报错，执行以下操作重置服务：

• 打开任意TS/TSX文件，按下快捷键Ctrl+Shift+P（Mac系统为Cmd+Shift+P）
• 选择「TypeScript: Restart TS Server」选项，等待服务重启完成即可。

确保在web-ui包的代码中是通过import type { ParamType } from 'library'的方式显式导入类型，不要直接使用未导入的类型名。

内容的提问来源于stack exchange，提问作者Bruno Alves de Faria