angular / angular/angular-cli

Running the optional angular build migration installs incompatible version of @angular/build

オープン
#30,696 コメント 4 件 リアクション 3 件 担当者 0 名 GitHub で見る
area: @angular/cli freq1: low severity3: broken type: bug/fix
主要言語
TypeScript
スター
27k
フォーク
11.8k
平均マージ
14時間 23分
マージ済み PR(30日)
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` マイグレーションから始めます。`package.json` と `angular.json` の変更、および一時的な CLI が `@angular/build` をどのように解決するかを調査します。マイグレーションによって更新対象のプロジェクトと互換性のあるバージョンがインストールされ、このバージョン選択のケースをカバーするテストがあることが完了の条件です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript
領域
build-system, cli
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
38/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。