Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

main.js ends up in Lazy loaded Chunks

未关闭
#28,786 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
3/5
预计耗时
1-2 天
新手友好度
45/100
Issue 类型
缺陷
描述清晰度
基本清楚
活跃度
停滞
技术栈
angular, typescript

调研方向

首先,在 Angular 18.1.4 上使用所示的 styles 配置复现该问题,使用 bundleName "main" 和 inject false,然后检查 build 如何对生成的文件进行分类。当名称冲突被报告为警告,并且令人困惑的 lazy-chunk 输出得到处理时,即视为完成。

由索引模型根据 Issue 内容生成。

描述

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

主要语言
TypeScript
星标
27k
派生
11.8k
平均合并
17 小时 25 分钟
30 天内合并 PR
183

贡献指南

打开贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

angular/angular-cli 的其他 Issue

查看 angular/angular-cli 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。