yarn 4.5.3 导致 VSCode 无法识别依赖

方法一:为 IDE 安装 Yarn PnP 支持(推荐,保持 PnP 优势)

如果你想继续使用 PnP 模式,你需要告诉你的 IDE 如何解析这些模块。如果你使用的是 VS Code,可以通过安装 Yarn 的 Editor SDK 来解决:

  1. 在你的项目终端中运行以下命令:
    yarn dlx @yarnpkg/sdks vscode
    
  2. 安装完成后,用 VS Code 打开任意一个 .ts 文件。
  3. 按下 Ctrl + Shift + P (Mac 上是 Cmd + Shift + P),搜索并选择 TypeScript: Select TypeScript Version...(选择 TypeScript 版本)。
  4. 选择 "Use Workspace Version" (使用工作区版本)
    这会让 VS Code 使用带有 Yarn PnP 支持的 TypeScript 版本来检查代码。

方法二:切回传统的 node_modules 模式(最简单直接)

如果你觉得 PnP 模式太麻烦,或者团队习惯了传统的 node_modules 结构,你可以通过配置让 Yarn 退回到传统的安装方式:

  1. 打开项目根目录下的 .yarnrc.yml 文件。
  2. 添加一行 nodeLinker: node-modules,修改后内容如下:
    yarnPath: .yarn/releases/yarn-4.5.3.cjs
    nodeLinker: node-modules
    
  3. 在终端重新运行安装命令:
    yarn install
    
    这会重新生成大家熟悉的 node_modules 文件夹,IDE 上的报错会立刻消失。