angular / angular/angular-cli

ng serve with @angular/build: DevTools file search not working

Offen
#33,510 2 Kommentare 2 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: @angular/build gemini-triaged
Vorherrschende Sprache
TypeScript
Sterne
27k
Forks
11.8k
Ø Merge
14 Std. 23 Min.
Gemergte PRs (30 T.)
162

Beschreibung

### Command

serve

### Is this a regression?

- [x] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

angular19 with @angular-devkit/build-angular

### Description

When I try to migrate an Angular 20 project from @angular-devkit/build-angular to the new @angular/build, I notice that when running `ng serve` and opening the browser DevTools → Sources, searching for content across all files does not return any results.

### Minimal Reproduction

Angular versions: 20, 21, and 22 (out of the box)
Browser: Edge and Chrome
Operating System: Windows and Linux
SSR: off
Zoneless: off

Steps:
1. Create a new Angular app with `ng new v20`.
2. Run `ng serve`.
3. Open the browser and go to DevTools → Sources.
4. Try to search for content across all files.

Image

Steps:
1. Create a new Angular app with `ng new v22`.
2. Run `ng serve`.
3. Open the browser and go to DevTools → Sources.
4. Try to search for content across all files.

Image

### Exception or Error

```text

```

### Your Environment

```text
Angular CLI: 20.3.31
Node: 22.14.0
Package Manager: npm 10.9.2
OS: linux x64

Angular: 20.3.25
... common, compiler, compiler-cli, core, forms
... platform-browser, router

Package Version
------------------------------------
@angular-devkit/architect 0.2003.31
@angular-devkit/core 20.3.31
@angular-devkit/schematics 20.3.31
@angular/build 20.3.31
@angular/cli 20.3.31
@schematics/angular 20.3.31
rxjs 7.8.2
typescript 5.9.3
zone.js 0.15.1

---------------------------------------

Angular CLI : 22.0.5
Angular : 22.0.5
Node.js : 24.18.0
Package Manager : npm 11.16.0
Operating System : linux x64

┌───────────────────────────┬───────────────────┬───────────────────┐
│ Package │ Installed Version │ Requested Version │
├───────────────────────────┼───────────────────┼───────────────────┤
│ @angular/build │ 22.0.5 │ ^22.0.5 │
│ @angular/cli │ 22.0.5 │ ^22.0.5 │
│ @angular/common │ 22.0.5 │ ^22.0.0 │
│ @angular/compiler │ 22.0.5 │ ^22.0.0 │
│ @angular/compiler-cli │ 22.0.5 │ ^22.0.0 │
│ @angular/core │ 22.0.5 │ ^22.0.0 │
│ @angular/forms │ 22.0.5 │ ^22.0.0 │
│ @angular/platform-browser │ 22.0.5 │ ^22.0.0 │
│ @angular/router │ 22.0.5 │ ^22.0.0 │
│ rxjs │ 7.8.2 │ ~7.8.0 │
│ typescript │ 6.0.3 │ ~6.0.2 │
│ vitest │ 4.1.9 │ ^4.0.8 │
└───────────────────────────┴───────────────────┴───────────────────┘
```

### Anything else relevant?

Angula version: 19 (out of the box)
Browser: Edge and Chrome
Operating System: Windows and Linux
SSR: off

Steps:
1. Create a new Angular app with `ng new v19`.
2. Run `ng serve`.
3. Open the browser and go to DevTools → Sources.
4. Try to search for content across all files.

Result:
The search works correctly in Angular 19.

Image

Angular CLI: 19.2.27
Node: 22.14.0
Package Manager: npm 10.9.2
OS: linux x64

Angular: 19.2.25
... common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package Version
---------------------------------------------------------
@angular-devkit/architect 0.1902.27
@angular-devkit/build-angular 19.2.27
@angular-devkit/core 19.2.27
@angular-devkit/schematics 19.2.27
@angular/cli 19.2.27
@schematics/angular 19.2.27
rxjs 7.8.2
typescript 5.7.3
zone.js 0.15.1

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Reproduziere das Problem mit einer neuen Angular-App unter Verwendung von `ng serve` und `@angular/build`, und vergleiche es mit Angular 19 unter Verwendung von `@angular-devkit/build-angular`. Überprüfe, wie die Serve-Ausgabe in Chrome oder Edge DevTools Sources angezeigt wird. Erledigt bedeutet, dass die dateiübergreifende Suche in Angular 20+ wie in Angular 19 Inhalte zurückgibt und die relevante Regression durch die Tests des Projekts abgedeckt ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular
Bereich
build-system, devtools
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Ruhig
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
48/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.