typescript - 一起使用 pnpm 和 typescript 的类型检查问题

Question

据我了解 tutorial pnpm 创建符号链接(symbolic link) .registry.npmjs.org和其他条目指向 node_modules 下.我的项目在 typescript我有 @types用于输入 node_modules .但是这个@types也在node_modules/.registry.npmjs.org/@types .所以我收到如下错误:
/node_modules/.registry.npmjs.org/@types/jquery/3.3.5/node_modules/@types/jquery/index.d.ts(32,14): error TS2300: Duplicate identifier 'jQuery'.
...和
/node_modules/@types/jquery/index.d.ts(28,14): error TS2300: Duplicate identifier 'jQuery'.
配置文件

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "lib": [
      "es5",
      "dom",
      "es2015.promise"
    ],
    "experimentalDecorators": true,
    "sourceMap": true,
    "allowSyntheticDefaultImports": true
  },
  "include": [
    "src/**/*"
  ],
  "exclude": [
    "node_modules",
    "scripts",
    "src/contracts"
  ]
}

任何想法如何解决它？

Answer 1

给我 "typeRoots": ["./node_modules/@types"]工作。
默认 tsc将在所有 node_modules/@types 中查找类型文件夹。
您可以通过调用 tsc --listFiles 来测试包含哪些文件。 .
我想是因为这个文件被 typescript 包含了本身，那么它还将包含 pnpm 存储库中的所有文件 node_modules/.pnpm/@types .

xxx/node_modules/.pnpm/typescript@3.9.7/node_modules/typescript/lib/lib.es5.d.ts

就我而言，我有多个版本的 React 可供阅读。