如何在Yarn 2.0 link协议与TypeScript环境下启用VS Code自动导入

你当前用"app": "link:./"实现的Yarn侧绝对导入规则，默认不会被TypeScript语言服务直接识别，因此编辑器自动导入会 fallback 到相对路径，按以下步骤配置即可解决，且完全兼容现有PnP规则无需修改Yarn侧配置：

• 补充tsconfig最小路径配置，仅用于给TypeScript静态检查和编辑器识别别名，不会和Yarn的PnP解析逻辑冲突：
  在tsconfig.json的compilerOptions字段中新增如下配置：

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

• 确认编辑器使用工作区安装的TypeScript版本，而非编辑器自带版本：
  以VS Code为例，打开任意.ts/.tsx文件，点击右下角状态栏的TypeScript版本号，选择「使用工作区版本」即可，避免自带版本对PnP环境的兼容问题。
• 可选：强制编辑器优先使用非相对路径导入
  若配置后自动导入仍优先生成相对路径，可修改编辑器导入偏好：VS Code中搜索设置项typescript.preferences.importModuleSpecifier，将值改为non-relative即可。

注意：上述tsconfig配置仅作用于静态检查和编辑器逻辑，运行时路径解析仍然遵循Yarn PnP的link:别名规则，不会产生解析冲突。

内容的提问来源于stack exchange，提问作者Leonid Grishchenin