Source Maps for scss/css not working in Safari

[smlombardi]

Bug Report or Feature Request (mark with an x)

- [ x ] bug report -> please search issues before submitting
- [ ] feature request

Versions.

1.0.3
OS 10.12.5
Safari 10.1 + Tech Preview 33 (11)

Repro steps.

1. Set up Angular 4 project with sass as default
2. run project with ng serve --sourcemap --extractCss
3. In Chrome 60, inspect an element. Source maps work as expected: you see the original scss file in the web inspector.
4. In Safari you only see the style applied as coming from styles_bundle.css

Same build, at the same time, side by side. No errors, but Safari does not follow the source maps.

[MickL]

Works for me in 1.3.0-beta.1, macOS Sierra and Safari 10.1. I also tried Chrome and Safari. Btw the command is --extract-css not --extractCss.

BUT i don't get sourcemaps for component-styles in any browser:

app.component.scss becomes inline-style, even with --extract-css and doesn't have sourcemap at all.

[smlombardi]

I've been using ng serve -ec -sm and it doesn't work, still. I'll try 1.3.0-beta.1.

[smlombardi]

Not working in 1.2.1 with webpack 3.3.0. I tried installing 1.3.0-beta.1 but get all kinds of compile errors and the project won't run.

With 1.2.1/3.3.0 it runs fine but I need to use Chrome still for source maps to work.

[alan-agius4]

Thanks for reporting this issue. This issue is now obsolete due to changes in the recent releases. Please update to the most recent Angular CLI version.

If the problem persists after upgrading, please open a new issue, provide a simple repository reproducing the problem, and describe the difference between the expected and current behavior.

[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.}