Visual Studio 2017：node_modules 中的 TypeScript 编译错误

Question

尝试构建一个 Angular 应用程序时，我收到了 node_modules 文件夹中打字稿文件的编译错误。

例如：

TS2420：类“CdkTable”错误地实现了接口“CollectionViewer”。

CdkTable 在@angular/cdk/typings/table/table.d.ts

我的工具版本：

npm -v：5.0.3

节点-v：v8.1.4

tsc -v：版本 2.2.3

我的 tsconfig.json：

{
  "compilerOptions": {
    "moduleResolution": "node",
    "target": "es5",
    "sourceMap": true,
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "skipDefaultLibCheck": true,
    "lib": [ "es6", "dom" ],
    "types": [ "node" ]
  },
  "exclude": [ "bin", "node_modules" ],
  "atom": { "rewriteTsconfig": false }
}

请注意，该项目可在其他计算机上编译。

Answer 1

我假设您的tsc可执行文件是通过npm安装的，并且是全局安装的。

检查已安装的Visual Studio的TypeScript SDK版本。 它应大致位于以下文件夹中： C:\\Program Files (x86)\\Microsoft SDKs\\TypeScript 。 确保此版本为最新版本（或至少与全局安装的TypeScript版本相同）。

还要检查您的环境变量，以查看您的路径中是否有其他版本。 Visual Studio的MSBuild流程使用MSBuild TypeScript任务 ，该任务将从SDK安装中获取TypeScript。 这就解释了命令行输出（使用全局安装的tsc）和Visual Studio输出的区别。

此外，在Visual Studio项目中使用tsconfig存在已知 问题 。 我知道应该完全支持它，但是仍然有很多人仍然报告我所研究的问题。 可能是当您右键单击一个项目并选择属性时，您可能希望放弃tsconfig以便使用TypeScript选项卡。

或者，您可以尝试设置rootDir编译器选项，以尝试找出您实际需要编译的TypeScript文件的目录。 我知道excludes应该可以避免这种情况，但是同样，Visual Studio可能会以某种方式在tsconfig上打h。

Answer 2

我必须确保我的 Microsoft.TypeScript.MsBuild 版本与 packages.json 文件中的“typescript”devDependency 版本相匹配（在我的情况下为 4.6.3）。 在我将 Microsoft.TypeScript.MsBuild 程序集降级到匹配版本后，我右键单击它添加的“node_modules”文件夹并点击“从项目中排除”。 最终从 TypeScript 中获得了与我实际正在处理的源代码相关的合理数量的错误。 使用反应而不是角度，不确定这是否会有所不同