Angular 18 production build doesn't work with vendor source maps
- 主要語言
- TypeScript
- 星號
- 27k
- 分支
- 11.8k
- 平均合併
- 14 小時 23 分鐘
- 30 天內合併 PR
- 162
描述
### Which @angular/* package(s) are the source of the bug?
compiler-cli
### Is this a regression?
Yes
### Description
We upgraded our apps from ng17 to 18 and adopted the new build system. In our angular.json file we had options set to enable vendor source maps for production and regular builds. This worked fine prior to the upgrade. Example config below for references as I cannot post details from our work setup.
```json
{
"projects": {
"your-project-name": {
"architect": {
"build": {
"options": {
"sourceMap": {
"scripts": true,
"vendor": true
}
}
}
}
}
}
}
```
So when running ng serve with a production config the source maps for things like RX are debuggable without issue.
```
ng serve application --open live-reload --configuration=production
```
However when we run our release jobs using this command we find the disted app does not support loading source maps from node_modules. All other source maps seem to work fine .
```
ng build application --configuration=production
```
I looked for a documented change here to see if vendor source maps are still supported in production builds and couldn't find anything about them being deprecated.
### Please provide a link to a minimal reproduction of the bug
_No response_
### Please provide the exception or error you saw
```true
404 cannot load source map
```
### Please provide the environment you discovered this bug in (run `ng version`)
```true
Angular CLI Version: 18.1.1
Node Version: 20.11.1
Package Manager: npm 10.2.4
Operating System: win32 x64 (Windows 64-bit)
@angular-devkit/architect: 0.1801.1
@angular-devkit/build-angular: 18.1.1
@angular-devkit/core: 18.1.1
@angular-devkit/schematics: 18.1.1
@schematics/angular: 18.1.1
ng-packagr: 18.1.0
rxjs: 7.8.1
typescript: 5.5.4
webpack: 5.92.1
zone.js: 0.14.3
```
### Anything else?
_No response_
貢獻指南
研究方向
從 angular.json 的 sourceMap 設定開始,並使用 production 設定比較文件中記載的 ng serve 和 ng build 指令輸出。使用 Angular CLI 18.1.1 重現 vendor source maps 的 404,接著追蹤 production build 路徑,以找出省略 node_modules 中 map 的原因。完成標準是 production build 能夠載入 vendor source maps,同時其他 source maps 繼續正常運作。
由索引模型根據 Issue 內容生成。
評估
- 技術堆疊
- angular, typescript, webpack
- 領域
- build-system
- Issue 類型
- 缺陷
- 難度
- 4/5
- 預估耗時
- 3-5 天
- 活躍度
- 停滯
- 描述清晰度
- 基本清楚
- 新手友好度
- 38/100