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 中獲得了與我實際正在處理的源代碼相關的合理數量的錯誤。 使用反應而不是角度，不確定這是否會有所不同