Angular Compiler 需要 TypeScript > = 3.4.0和 < 3.5.0，但是找到了3.5.3

在执行 npm run build 时，我得到了以下错误:

Angular Compiler 需要 TypeScript > = 3.4.0和 < 3.5.0但是3.5.3 却被发现了。

我试着把事情分开来看:

Npm 安装 typeescript@“ > = 3.4.0 < 3.5.0”。然后删除 node _ module 和 package.json。运行 npm install

NPM 更新，警力。 然后删除 node _ module 和 package.json，运行 npm install

我仍然得到错误:

我的 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

会出什么问题呢？

207407 次浏览
小开
最佳答案

适用于角度12

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

npm i -D typescript@4.3.5

适用于角度11

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

npm i -D typescript@4.1.5

适用于角10(截至2020年6月)

对于那些使用角度10的用户，请注意 TypeScript 3.9必须安装，因为维护人员有 删除了对 TypeScript 3.8的支持。最安全的做法是安装最新版本的 TypeScript

npm i -D typescript@3.9.5

适用于角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

要修复这个问题，您应该安装错误消息中指定的支持版本。我建议您安装 Typecript 3.7. x，因为这将解锁有用的功能，如可选链接和无效聚合。

npm i -D typescript@3.7.5

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

适用于角8(原答案)

似乎您已经安装了 TypeScript 的最新版本(v3.5.3)。您应该改为安装 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 任何补丁版本都是可接受的

    “ typecript”: “ ~ 3.4.5”//将使用与3.4. X 匹配的最新版本

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

适用于那些谁正在工作的旧角版本，如角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 -参考每个角度版本支持的 TypeScript 版本的完整列表。

额外的有用信息

正如 费利佩西尔瓦所指出的，实际上有一种方法可以安装项目中安装的 Angular 版本“不支持”的 TypeScript 版本。这样做的一个好处是允许您在项目中安装 TypeScript 的最新版本(例如 TypeScript 4.1.2或任何 beta 版本)。

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

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

不过，请注意，角度正式文件角度正式文件并不建议这样做:

不建议使用，因为 TypeScript 版本可能不受支持 未定义行为

小开

请使用以下命令卸载打字稿:

npm uninstall typescript

然后安装特定的版本:

npm i --save-dev typescript@3.4.5
小开

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

当你更新角度检查这个网站(devDependency)

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

也确实如此

Npm i —— save-dev type escript@3.4.5

需要3.4.5版本

小开

运行这个:

npm i --save-dev typescript@~3.4.5
小开

您的包中的错误是“ ^”"typescript": "^3.4.0". json

解决方案是 "typescript": "~3.4.0"

小开

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

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

好消息！

如果你升级到 Angular 8.2 + ，你可以使用 TypeScript 3.5,8.1版本还不支持。

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

小开

您不需要卸载并重新安装打印脚本，这样就可以按照错误中的建议安装特定版本的打印脚本。

npm install typescript@ version

或者你可以逃跑

npm install typescript@ version --save-dev

把它保存在 Json 包里

小开

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

Angular Compiler 中的 ERROR 要求 TypeScript > = 3.6.4和 < 3.8.0 但是3.8.2被发现了。

enter image description here

我所做的就是,

  1. 去了 角9突变
  2. 搜索 typescript版本，发现它只支持3.7
  3. 编辑我的 typescript版本在 package.json作为 "typescript": "~3.7.0"
  4. 运行 npm i

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

小开

你有两个选择:

1-自动:

这将安装正确的版本(根据错误更改版本号)

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

2-手动:

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

角度15 (npm install typescript@"~4.8.0" --save-dev)

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

角度14 (npm install typescript@"~4.7.0" --save-dev)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

然后跑:

npm install
小开

使用这个命令它为我工作. . 谢谢

npm i typescript@">=3.6.4 <3.8.0"
小开

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

小开

使用角度11使用

npm i -D typescript@4.0.5
小开

如果你想升级你的角度项目到角度11

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

在 package.json:

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

在我的情况下，我收到这个错误时，从角10迁移到角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 项目的 VisualStudio 中使用了下面的代码:

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

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

yarn clean cache

如果使用 npm，可以尝试运行:

npm clean cache

我不确定这是不是百分之百的解决方案，但我希望它能帮到某些人。

小开

只需进入最后的 tsconfig.js 文件，在 angularCompilerOptions 块属性中添加 disableTypeScriptVersionCheck，如下所示:

"angularCompilerOptions": {
"disableTypeScriptVersionCheck": true, <-- this prop
}
}

请点击 angularCompilerOptions: https://angular.io/guide/angular-compiler-options#disabletypescriptversioncheck的链接


提交答案