Running the optional angular build migration installs incompatible version of @angular/build
- 主要語言
- TypeScript
- 星號
- 27k
- 分支
- 11.8k
- 平均合併
- 14 小時 23 分鐘
- 30 天內合併 PR
- 162
描述
### Command
update
### Is this a regression?
- [ ] Yes, this behavior used to work in the previous version
### The previous version in which this bug was not present was
_No response_
### Description
Running the optional migration after skipping the build migration during initial update incorrectly installs @angular/build v20 which is not compatible
### Minimal Reproduction
https://github.com/simhnna/angular-build-migration-demo/tree/8971afceeaf60bbe9fff4c9a2777b7711dcb095f
Run `ng update @angular/cli --name=use-application-builder`
```
The installed Angular CLI version is outdated.
Installing a temporary Angular CLI versioned 20.1.0 to perform the update.
Using package manager: npm
Collecting installed dependencies...
Found 22 dependencies.
** Executing 'use-application-builder' of package '@angular/cli' **
❯ Migrate application projects to the new build system.
Application projects that are using the '@angular-devkit/build-angular' package's 'browser' and/or 'browser-esbuild' builders will be migrated to use the new 'application' builder.
You can read more about this, including known issues and limitations, here: https://angular.dev/tools/cli/build-system-migration
The output location of the browser build has been updated from "dist/project" to "dist/project/browser". You might need to adjust your deployment pipeline or, as an alternative, set outputPath.browser to "" in order to maintain the previous functionality.
UPDATE package.json (1032 bytes)
UPDATE angular.json (2749 bytes)
✔ Packages installed successfully.
Migration completed (2 files modified).
```
It installs [`@angular/build@20`](https://github.com/simhnna/angular-build-migration-demo/blob/main/package.json#L26) because it uses @angular/cli@20 to run the update
### Exception or Error
```text
```
### Your Environment
```text
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/
Angular CLI: 18.2.20
Node: 22.17.0
Package Manager: npm 10.9.2
OS: linux x64
Angular: 18.2.13
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
Package Version
---------------------------------------------------------
@angular-devkit/architect 0.1802.20
@angular-devkit/build-angular 18.2.20
@angular-devkit/core 18.2.20
@angular-devkit/schematics 18.2.20
@angular/cli 18.2.20
@schematics/angular 18.2.20
rxjs 7.8.2
typescript 5.4.5
zone.js 0.14.10
```
### Anything else relevant?
_No response_
貢獻指南
研究方向
從使用 `ng update @angular/cli --name=use-application-builder` 呼叫的 `use-application-builder` migration 開始,並使用連結的重現案例。檢查 `package.json` 和 `angular.json` 的變更,以及暫時的 CLI 如何解析 `@angular/build`。完成的標準是 migration 會安裝與正在更新的專案相容的版本,並且測試涵蓋這個版本選擇案例。
由索引模型根據 Issue 內容生成。
評估
- 技術堆疊
- angular, typescript
- 領域
- build-system, cli
- Issue 類型
- 缺陷
- 難度
- 3/5
- 預估耗時
- 1-2 天
- 活躍度
- 停滯
- 描述清晰度
- 基本清楚
- 新手友好度
- 38/100