CSS source maps are not created with application builder (Angular 17) - Githubissues

angular / angular-cli

CLI tool for Angular

https://cli.angular.io

MIT License

26.73k stars 11.98k forks source link

CSS source maps are not created with application builder (Angular 17) #27441

Closed githubuser578 closed 5 months ago

githubuser578 commented 5 months ago

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

Angular 16 (browser builder, webpack)

Description

With the new application builder, the CSS source maps are not generated correctly during ng serve.

In Firefox I even get a warning in the console:

Source map error: Error: request failed with status 404

Result is, that the DEV tools do not point to the correct css source file, e.g.:

Minimal Reproduction

Tour of Heroes live example from Angular tutorial: https://stackblitz.com/edit/pgdhl1?file=src%2Fapp%2Fhero-search%2Fhero-search.component.css

Open DEV-Tools
Use Element selector to select Hero Search label
Component styles are marked as "inline" (Firefox) or "