Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

main.js ends up in Lazy loaded Chunks

Offen
#28,786 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

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

Rechercherichtung

Beginne damit, das Problem mit der gezeigten styles-Konfiguration unter Angular 18.1.4 zu reproduzieren, wobei bundleName "main" und inject false verwendet werden, und untersuche anschließend, wie der Build die generierten Dateien klassifiziert. Als erledigt gilt die Aufgabe, wenn die Namenskollision als Warnung gemeldet wird und die verwirrende Ausgabe des Lazy-Chunks behoben ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

area: @angular-devkit/build-angular devkit/build-angular:browser freq1: low severity2: inconvenient type: bug/fix
Which @angular/* package(s) are the source of the bug?

core

Is this a regression?

Yes

Description

setting the bundleName for one of the styles to "main" results in main.js end up in Lazy Loaded Chunks category
That also means the main.js doesn't have any hash at the end of it's filename.

      {
        "input": "styles/main.scss",
        "bundleName": "main",
        "inject": false
      },

Initial chunk files           | Names         |  Raw size | Estimated transfer size
polyfills.45732861e6a6851d.js | polyfills     |  34.19 kB |                11.03 kB

                              | Initial total |  34.19 kB |                11.03 kB

Lazy chunk files              | Names         |  Raw size | Estimated transfer size
main.css, main.js             | main          | 277.90 kB |                49.44 kB
runtime.a9fc7548b14f6ea7.js   | runtime       |   1.06 kB |               587 bytes

Proposed solution

Angular should report this collision as a warning. I spent hours figuring this out.

Please provide a link to a minimal reproduction of the bug

No response

Please provide the exception or error you saw

No response

Please provide the environment you discovered this bug in (run ng version)

Angular: 18.1.4
... animations, cdk, cli, common, compiler, compiler-cli, core
... forms, language-service, platform-browser
... platform-browser-dynamic, router

Package Version

@angular-devkit/architect 0.1801.4
@angular-devkit/build-angular 18.1.4
@angular-devkit/core 18.1.4
@angular-devkit/schematics 18.1.4
@schematics/angular 18.1.4
rxjs 7.8.1
typescript 5.5.4
zone.js 0.14.4

Anything else?

No response

Vorherrschende Sprache
TypeScript
Sterne
27k
Forks
11.8k
Ø Merge
17 Std. 25 Min.
Gemergte PRs (30 T.)
183

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus angular/angular-cli

Alle Issues in angular/angular-cli

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

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