1.6.4 SCSS/CSS source maps not working

[smlombardi]

Versions

Angular CLI: 1.6.4
Node: 6.11.2
OS: darwin x64
Angular: undefined
... 
@angular/cli: 1.6.4
@angular-devkit/build-optimizer: 0.0.37
@angular-devkit/core: 0.0.24
@angular-devkit/schematics: 0.0.45
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.4
@schematics/angular: 0.1.12
typescript: 2.6.2
webpack: 3.10.0

Repro steps

Run project with ng serve --sourcemaps --extract-css -o --hmr -e=hmr --proxy-config proxy.config.json

Observed behavior

Inspecting HTML in DevTools shows all the css is in styles.bundle.scss, where it used to display the scss source of the rule. So I can no longer determine where the css rule I am inspecting comes from.

Desired behavior

This used to work before we updated to 1.6.4 and Angular 5.1.3

[Stephane-Peyroutet]

I don't know if this is related to your problem but some stuff has been broken regarding scss/css in the 1.6.4 release (see #9185).

[smlombardi]

I rolled back to 1.6.3, same issue.

[pdecembre]

I tried to remove the tilda from every @import but that didn't fix the issue.
@import '@angular/material/prebuilt-themes/indigo-pink.css'; is breaking with or without the "". So far the only thing that seem to fix the problem is to rollback, both local devDependencies AND global installation To 1.6.1, I don't know about others, but rolling back local devDependencies to 1.6.2 or 1.6.3 didn't fix it for me.

[smlombardi]

Rolled back to 1.6.1 and I still am not getting source maps.

[michael-letcher]

Duplicate of (#9099)

[hansl]

Closing as duplicate.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}