Angular 编译器需要 TypeScript >=3.4.0 和 <3.5.0 但找到的是 3.5.3答案

【问题标题】：The Angular Compiler requires TypeScript >=3.4.0 and <3.5.0 but 3.5.3 was found insteadAngular 编译器需要 TypeScript >=3.4.0 和 <3.5.0 但找到的是 3.5.3
【发布时间】：2019-12-04 13:36:09
【问题描述】：

我在执行 npm run build 时收到以下错误：

Angular 编译器需要 TypeScript >=3.4.0 和

我已经分别尝试了以下事情：

npm install typescript@">=3.4.0

npm 更新 --force。然后删除了 node_modules 和 package.json。运行 npm 安装

我仍然收到错误：

我的 package.json 包含以下依赖项：

  "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

这里可能出了什么问题？

【问题讨论】：

尝试使用“离子启动”创建应用时遇到类似错误。卸载并重新安装节点帮助我修复了它。可能对某些人有用。

标签： angular typescript

【解决方案1】：

你有两个选择：

1-自动：

这将安装正确的版本

npm install typescript@">=3.4.0 and <3.5.0" --save-dev

2-手动：

转到package.json 并更改您的typescript 版本，如果您想将您的角度项目升级到

Angular 13 (npm install typescript@"~4.4.0" --save-dev)

"devDependencies": {
  ...
  "typescript": "~4.4.0"
}

Angular 12 (npm install typescript@"~4.2.0" --save-dev)

"devDependencies": {
  ...
  "typescript": "~4.2.0"
}

Angular 11 (npm install typescript@"~4.0.0" --save-dev)

"devDependencies": {
  ...
  "typescript": "~4.0.0"
}

Angular 10 (npm install typescript@"~3.8.0" --save-dev)

"devDependencies": {
  ...
  "typescript": "~3.8.0"
}

Angular 9 (npm install typescript@"~3.7.0" --save-dev)

"devDependencies": {
  ...
  "typescript": "~3.7.0"
}

Angular 8 (npm install typescript@"~3.4.0" --save-dev)

"devDependencies": {
  ...
  "typescript": "~3.4.0"
}

Angular 7 (npm install typescript@"~3.1.0" --save-dev)

"devDependencies": {
  ...
  "typescript": "~3.1.0"
}

Angular 6 (npm install typescript@"~2.9.0" --save-dev)

"devDependencies": {
  ...
  "typescript": "~2.9.0"
}

Angular 4 (npm install typescript@"~2.2.0" --save-dev)

"devDependencies": {
  ...
  "typescript": "~2.2.0"
}

然后运行：

npm install

【讨论】：

就我而言，我不得不使用npm install typescript@">=3.4.0 and <3.6.0" --save-dev，因为警告显示的是版本间隔>=3.4.0 and <3.6.0。

【解决方案2】：

适用于 Angular 12

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

npm i -D typescript@4.3.5

适用于 Angular 11

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

npm i -D typescript@4.1.5

适用于 Angular 10（截至 2020 年 6 月）

对于使用 Angular 10 的用户，请注意必须安装 TypeScript 3.9，因为维护者有 removed support for TypeScript 3.8。最安全的选择是安装最新版本的 TypeScript

npm i -D typescript@3.9.5

适用于 Angular 9（截至 2020 年 5 月）

对于在最新版本 Angular 9 (v9.1.x) 上运行的项目，它最高支持 TypeScript v3.8.3。如果您使用的是更新版本（例如 TypeScript v3.9.0），您应该降级并安装支持的版本：

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，因为这将解锁有用的功能，例如可选链接和空值合并。

npm i -D typescript@3.7.5

或者，您可以简单地将 Angular 更新到最新的次要版本 (v9.1.x)，因为这不应包含任何重大更改。

适用于 Angular 8（原始答案）

您似乎安装了最新版本 (v3.5.3) 的 TypeScript。您应该安装 TypeScript v3.4.5，这是 Angular 8 支持的版本。

你可以试试这个命令来安装特定版本的 TypeScript，而不是最新版本。

npm i -D typescript@3.4.5

此外，您可能需要考虑更改 package.json 上 TypeScript 版本的插入符号 ^：

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

“打字稿”：“3.4.5”
将其更改为“~”会告诉 npm 任何补丁版本都是可以接受的

"typescript": "~3.4.5" // 将使用匹配 3.4.X 的最新版本

有关使用 npm 包版本控制的更多信息：https://docs.npmjs.com/about-semantic-versioning

适用于使用旧 Angular 版本的人，比如Angular 2到7

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

同样，如果我们使用任何其他 Angular 版本，您可以安装相应的 TypeScript 版本。

npm i -D typescript@3.6.4

Source - 请参阅每个 Angular 版本支持的 TypeScript 版本的完整列表。

其他有用信息

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

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

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

但是，请注意official Angular documentation 不建议这样做：

不推荐，因为不受支持的 TypeScript 版本可能有未定义的行为。

【讨论】：

我必须删除 node_modules 并再次执行 npm install 吗？
Hmm.. 你可以试试第一步，运行npm i --save-dev typescript@3.4.5，看看是否能解决问题。如果还是不行，可以试试第二种去掉插入符号^的方法。根据您的建议，我认为您可以通过删除整个文件夹或运行 rm -r node_modules 来删除 node_modules，然后运行 npm i 重新安装您的软件包
Angular 8.2 现在支持 TypeScript 3.5，因此您可以再次更新您的答案。 github.com/angular/angular-cli/issues/…
对于任何关注 NodeJS、Angular 和 TypeScript 之间兼容性的人来说，这里有一个很棒的要点：gist.github.com/LayZeeDK/c822cc812f75bb07b7c55d07ba2719b3
谢谢，这真的很有帮助:)

【解决方案3】：

当我遇到类似错误时，我运行：

yarn clean cache

如果你使用 npm 你可以尝试运行：

npm clean cache

我不确定这是一个 100% 的解决方案，但我希望它可以帮助某人。

【讨论】：

【解决方案4】：

在我的情况下，我在从 Angular 10 迁移到 Angular 11 时收到此错误。

An unhandled exception occurred: The Angular Compiler requires TypeScript >=4.0.0 and <4.2.0 but 4. 2.3 was found instead.

为了解决这个问题，我在我的 Angular 项目所在的 Visual Studio 中使用了这段代码：

npm install typescript@'>==4.0.0 <4.2.0'

【讨论】：

非常适合我。感谢分享。

【解决方案5】：

如果你想将你的 Angular 项目升级到 Angular 11

npm install typescript@">=4.0.0 and <4.2.0" --save-dev

在 package.json 中：

"devDependencies": {
      ...
      "typescript": "^4.1.5"
 }

【讨论】：

【解决方案6】：

使用 Angular 11 使用

npm i -D typescript@4.0.5

【讨论】：

【解决方案7】：

在您的package.json 文件中输入"typescript": "~3.4.5" 并保存文件，然后再次运行npm install，而不是devDependencies 下的"typescript": "^3.4.5"。它对我有用。

【讨论】：

刚刚使用 Angular 11 和 Typescript 4.0 vs 4.1 遇到了这个问题。 “Angular 编译器需要 TypeScript >=4.0.0 和
尝试 ~4.0.5 而不是 ^4.0.5。当您使用 ^ 字符时，它会安装最新版本。但如果你使用 ~ 字符，它将安装确切的版本。

【解决方案8】：

使用此命令对我有用.. 谢谢

npm i typescript@">=3.6.4 <3.8.0"

【讨论】：

【解决方案9】：

运行此脚本以查找确切版本

npm install typescript@">=3.4.0 and <3.5.0" --save-dev

【讨论】：

【解决方案10】：

我的Angular 9 也遇到了这个问题，但版本号不同。

Angular 编译器中的错误需要 TypeScript >=3.6.4 和

我所做的是，

去了Angular 9 breaking changes
搜索typescript版本，发现只支持3.7
将package.json 中的typescript 版本编辑为"typescript": "~3.7.0"
跑npm i

这里的~ 很重要，因为它将确保它只会更新到下一个补丁版本（3.8.0），而不是次要版本，如果您使用^，它将更新到次要版本也是（例如，4.0.0）。

【讨论】：

使用这个命令对我有用 npm i typescript@">=3.6.4

【解决方案11】：

您无需卸载并重新安装 typescript，因此您可以按照错误中的建议安装特定版本的 typescript。

npm install typescript@ version

或者你可以运行

npm install typescript@ version --save-dev

将其保存在包json中

【讨论】：

【解决方案12】：

好消息！

如果您升级到 Angular 8.2+，则可以使用 TypeScript 3.5。 8.1 版还不支持它。

证明：https://github.com/angular/angular-cli/issues/15134#issuecomment-516908416

【讨论】：

【解决方案13】：

你的错误是 package.json 中的“^”"typescript": "^3.4.0"

解决办法是"typescript": "~3.4.0"

【讨论】：

【解决方案14】：

运行这个：

npm i --save-dev typescript@~3.4.5

【讨论】：

【解决方案15】：

这个问题主要取决于@angular/cli 版本所以打字稿取决于角度版本

当你更新角度检查这个网站（devDependency）

https://david-dm.org/angular/angular-cli

然后做

npm i --save-dev typescript@3.4.5

需要3.4.5版本

【讨论】：

【解决方案16】：

请使用以下命令卸载 typescript：

npm uninstall typescript

然后安装 typescript 特定版本：

npm i --save-dev typescript@3.4.5

【讨论】：