Yarn 4 与 TypeScript

,

前提

我的环境

MAC Pro M2 + VsCode

使用 Vite 创建一个 react 项目

1
$ yarn create vite

我的 yarn 版本我默认更新到了最新版(4.2.2)，新版本是 Yarn4 也叫Yarn Berry

问题

当创建完一个 react+ts 项目之后，在编辑器打开，满屏的 ts 报红，是 TS 提示的。

查询得知是 yarn 版本更新的原因

在新版 yarn 中 node_modules 结构已经变了，因此 vscode 中 ts 提示找不到相关模块

解决

官方解决方案,运行下面命令

1
$ yarn dlx @yarnpkg/sdks vscode

运行之后项目根目录会多出一个.vscode 配置目录

  1. 然后 ctrl+shift+p
  2. 选择 “选择 TypeScript 版本”
  3. 选择 “使用工作区版本”