Angular编译器要求TypeScript>=3.4.0和

Question

当我执行npm运行构建时，我得到以下错误：

Angular编译器要求TypeScript>=3.4.0和<3.5.0，但找到了3.5.3。

我试过分开处理：

  "dependencies": {
    "@angular/animations": "8.1.0",
    "@angular/cdk": "^8.0.2",
    "@angular/cli": "^8.1.0",
    "@angular/common": "8.1.0",
    "@angular/compiler": "8.1.0",
    "@angular/core": "8.1.0",
    "@angular/forms": "8.1.0",
    "@angular/http": "7.2.15",
    "@angular/material": "^8.0.2",
    "@angular/platform-browser": "8.1.0",
    "@angular/platform-browser-dynamic": "8.1.0",
    "@angular/router": "8.1.0",
    "@ngx-translate/core": "^11.0.1",
    "@ngx-translate/http-loader": "^4.0.0",
    "angular-user-idle": "^2.1.2",
    "angular2-cookie": "^1.2.6",
    "core-js": "^2.6.7",
    "rxjs": "6.5.2",
    "rxjs-tslint": "^0.1.5",
    "stream": "0.0.2",
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.801.0",
    "@angular/compiler-cli": "8.1.0",
    "@angular/language-service": "8.1.0",
    "@types/jasmine": "~3.3.13",
    "@types/jasminewd2": "~2.0.6",
    "@types/node": "~12.6.1",
    "jasmine-core": "~3.4.0",
    "jasmine-spec-reporter": "~4.2.1",
    "protractor": "~5.4.2",
    "ts-node": "~8.3.0",
    "tslint": "~5.18.0",
    "typescript": "^3.4.5"
  }

ng--version提供以下输出：

Angular CLI: 8.1.2
Node: 10.16.0
OS: win32 x64
Angular: 8.1.0
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.801.2
@angular-devkit/build-angular     0.801.2
@angular-devkit/build-optimizer   0.801.2
@angular-devkit/build-webpack     0.801.2
@angular-devkit/core              8.1.2
@angular-devkit/schematics        8.1.2
@angular/cdk                      8.1.1
@angular/cli                      8.1.2
@angular/http                     7.2.15
@angular/material                 8.1.1
@ngtools/webpack                  8.1.2
@schematics/angular               8.1.2
@schematics/update                0.801.2
rxjs                              6.5.2
typescript                        3.5.3
webpack                           4.35.2

这里会出什么问题？

Answer 1

对于在最新版本的Angular 12上运行的项目，您应该使用TypeScript V4.2.x到4.3.x

npm i -D typescript@4.3.5

对于在最新版本的Angular 11(11.2.x)上运行的项目，它最多支持TypeScript V4.1.5。

npm i -D typescript@4.1.5

对于使用Angular 10的用户，请注意必须安装TypeScript 3.9，因为维护人员已经删除了对TypeScript 3.8的支持。最安全的办法是安装最新版本的TypeScript

npm i -D typescript@3.9.5

npm i -D typescript@3.8.3

对于运行在Angular 9早期版本(V9.0.x)上的项目，支持的TypeScript版本是TypeScript V3.6.5到V3.7.5（包括）。安装任何其他不受支持的版本（如3.8.3)将导致类似以下错误：

ERROR in The Angular Compiler requires TypeScript >=3.6.4 and <3.8.0 but 3.8.3 was found instead

要修复它，您应该安装错误消息上声明的受支持的版本。我建议您安装Typescript 3.7.x，因为这将解锁一些有用的特性，如可选链接和Nullish合并。

npm i -D typescript@3.7.5

或者，您可以简单地将Angular更新到最新的次要版本(V9.1.x)，因为它不应该包含任何突破性的更改。

npm i -D typescript@3.4.5

此外，您可能需要考虑更改包中TypeScript版本的插入符号^.json:

>

完全删除它意味着它将阻止npm安装/使用最新的次要版本(3.5.3)。

“打字稿”：“3.4.5”

|-----------------|--------------------|
| Angular version | TypeScript version |
|-----------------|--------------------|
|       6.1.x     |       3.6.x        |
|-----------------|--------------------|
|       7.2.x     |       2.9.x        |
|-----------------|--------------------|                                 

npm i -D typescript@3.6.4

源码-请参考每个Angular版本支持的TypeScript版本的完整列表。

正如FelipeSilva指出的那样，实际上有一种方法可以安装项目中安装的Angular版本“不支持”的TypeScript版本。这样做的一个好处是允许您在项目上安装TypeScript的最新版本（例如TypeScript 4.1.2或任何beta版本）。

在tsconfig.json上，可以简单地将DisableTypescriptVersionCheck设置为true。

{
  // ...
  "angularCompilerOptions": {
    // ...
    "disableTypeScriptVersionCheck": true
  }
}