使用Yarn v3.2.3创建React/Next应用时VSCode报TS(2307) lint错误求助

• 安装Yarn PnP VS Code插件
  Yarn v3默认采用Plug'n'Play（PnP）替代传统node_modules，VS Code需要专用插件识别模块路径。在VS Code扩展市场搜索安装Yarn Plug'n'Play，安装完成后重启编辑器。

• 生成Yarn SDK配置
  在项目根目录执行以下命令，生成VS Code适配的SDK文件：

yarn dlx @yarnpkg/sdks vscode

执行后VS Code会自动关联项目内Yarn管理的TypeScript版本，避免全局版本不兼容问题。

• 补全缺失的类型声明
  针对Next.js项目，确保已安装对应类型依赖，执行：

yarn add -D @types/next

React项目则检查@types/react、@types/react-dom是否存在，缺失的话同样用yarn add -D安装。

• 重启TypeScript服务
  在VS Code中按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac），输入TypeScript: Restart TS Server并执行，等待服务重启后查看错误是否消除。

• 校验tsconfig.json配置
  检查项目根目录的tsconfig.json，确保compilerOptions中的baseUrl和paths配置正确，示例：

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  }
}

自定义路径需与实际项目结构匹配。

内容的提问来源于stack exchange，提问作者Maruf Khan