1418277 - Sass Source Maps not working in Dev Tools

Status: VERIFIED INVALID

(DevTools :: Style Editor, defect)

Description

[Andy F]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36

Steps to reproduce:

I have problems in DevTools with Sass source map not working, just see CSS. I have 'Enable Source Maps' checked and 'Show Original Sources'. It works in Chrome but not FF, is there a bug?

My website in question is: https://evision.aub.ac.uk/dev/sits.urd/run/siw_lgn


Actual results:

See css in inspector not sass eg sv.css


Expected results:

See sass partial file eg buttons.scss

Comment 1

[Tom Tromey :tromey]

When I try this I see this in the console:

Source map error: TypeError: NetworkError when attempting to fetch resource.
Resource URL: https://evision.aub.ac.uk/dev/sits.urd/css/sv.css?v=2017-06-05
Source Map URL: sv.css.map
[Learn More]
Source map error: TypeError: NetworkError when attempting to fetch resource.
Resource URL: https://evision.aub.ac.uk/dev/sits.urd/css/sits-custom.css?v=2017-06-05
Source Map URL: sits-custom.css.map
[Learn More]


When I try https://evision.aub.ac.uk/dev/sits.urd/css/sits-custom.css.map by pasting it into the awesome bar,
it redirects to http://sitsweb01.business.aib.ac.uk/dev/css/sits-custom.css.map, which fails.

So maybe it's a bug on the site?

Comment 2

[Tom Tromey :tromey]

I tried with chrome and I don't see the source maps there, either.

Comment 3

[Andy F]

Hi Tom

Thanks for looking into this. I see the redirect problem and I can now confirm I have managed to get source maps working with another website. So it must be a problem with my website/network set up and no problem with Firefox DevTools.

Thank you for your time,

Andy