angular / angular/angular-cli

Template type checking re-builds do not run correctly when referencing a re-exported type

オープン
#21,757 コメント 3 件 リアクション 0 件 担当者 0 名 GitHub で見る
area: @ngtools/webpack needs: investigation
主要言語
TypeScript
スター
27k
フォーク
11.8k
平均マージ
14時間 23分
マージ済み PR(30日)
162

説明

### Which @angular/* package(s) are the source of the bug?

Don't known / other

### Is this a regression?

Yes

### Description

Consider the following example, running ng serve with template type checking turned on:

- An Angular template references a property on the component class in an expression.
- This component class properties type definition comes from a file which re-exports the type definition from another file.
- Re-builds do not always re-compile the template expression when they should.

More specifically, in the reproduction repo this looks as follows:

- The app component template includes an expression: `{{ myType?.abc }}`.
- The app component class defines the myType property: `myType?: MyTypeReExported`.
- The type of the myType property comes from a file which re-exports another type. `export type MyTypeRexported = MyType`.
- The type MyType comes from a file which defines the definition as: `export interface MyType { abc: 123; }`.
- The initial ng serve will run without errors.
- Changing the type definition of MyType to be `export interface MyType { abcd: 123; }` causes an error in the app component's template. This is seen in the re-build console output. This is the correct behaviour.
- Changing the type definition back to what it was originally should remove the error. However, it does not. That is the bug.

### Please provide a link to a minimal reproduction of the bug

https://github.com/HazzMan2409/angular-template-rebuild-bug

### Please provide the environment you discovered this bug in

```true
Angular 12.2.5.
Node 14.17.6

See the package.json on the repo for more details. At the time 12.2.5 was the latest version.
```

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

リンクされた最小再現から始め、指定された Angular と Node のバージョンで template type checking を有効にして ng serve を実行します。MyType を abc と abcd の定義の間で変更し、その後 Angular CLI の rebuild と template type checking のパスを調査します。型定義を元に戻すことで rebuild 時に template のエラーが削除されれば完了です。

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

評価

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

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

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