使用 Yarn v3.2.3 的 VSCode 上的 Typescript linting 错误答案

【问题标题】：Typescript linting errors on VSCode with Yarn v3.2.3使用 Yarn v3.2.3 的 VSCode 上的 Typescript linting 错误
【发布时间】：2023-02-20 20:47:51
【问题描述】：

每当我打算用新的 yarn v3.2.3 创建 react 或 next app 时，我的 VS Code 都会抛出 linting 错误，如下图所示。主要是，linter 抛出 ts(2307) aka Cannot find module 'next' or its corresponding type declarations.ts(2307) 错误。

【问题讨论】：

我对 vite 和 react-ts 也有同样的问题。你有没有设法解决这个问题？
@MichaelParkadze 不幸的是，我找不到任何解决方案。我认为错误来自 node_modules，因为 yarn 只是将所有模块保留在 .yarn 目录中，VScode linter 找不到模块，因为它试图在 node_modules 目录中搜索。可能是来自yarn v3+ 的错误。那么，使用 yarn version 1.x.x 就可以了。但对于永久解决方案，我使用默认的npm，因为它已经得到显着改进。
我想我找到了解决方案，已在下面发布。希望能帮助到你：）

标签： reactjs typescript next.js yarnpkg yarn-v3

【解决方案1】：

我发现 .vscode 文件夹中有一个名为 settings.json 的文件，如下所示有助于解决此问题。我收到一个 vscode 提示表单，询问我是否希望它使用工作区打字稿，一旦我选择是，所有红色的红色错误都消失了，我可以工作了。

我认为这是关于纱线工作区的事情。希望这可以帮助：）

{
  "typescript.tsdk": ".yarn/sdks/typescript/lib",
  "search.exclude": {
    "**/.yarn": true,
    "**/.pnp.*": true
  },
  "prettier.prettierPath": ".yarn/sdks/prettier/index.js",
  "typescript.enablePromptUseWorkspaceTsdk": true
}

【讨论】：