New issue
Advanced search Search tips

Issue 900923 link

Starred by 4 users

Issue metadata

Status: Assigned
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Bug



Sign in to add a comment

DevTools failed to parse SourceMap for css files compiled with BOM

Reported by geis...@gmail.com, Nov 1

Issue description

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

Steps to reproduce the problem:
1. Compile a SASS file with WebCompiler, include CSS is webpage
2. Load page with Chromium
3. Open DevTools

What is the expected behavior?
Generated CSS sourcemaps should be parsed by DevTools.

What went wrong?
There are console warnings, saying "DevTools failed to parse SourceMap:" and the original source is not in the file list on the "Sources" tab.

Did this work before? Yes 52

Chrome version: 72.0.3599.0  Channel: n/a
OS Version: 10.0
Flash Version: 

Changing encoding to "Unicode (UTF-8 without signature)" solves the problem.

Works in Firefox and Edge.

This looks like the same problem as https://bugs.chromium.org/p/chromium/issues/detail?id=611328 but that one was fixed more than 2 years ago and this is still a problem in v72.
 
Labels: Needs-Bisect Needs-Triage-M72
Cc: viswa.karala@chromium.org
Labels: Triaged-ET Needs-Feedback
Thanks for filing the issue!

@Reporter: If possible could you please provide sample Test File/URL that reproduces the issue which help in further triaging it in better way. If possible could you please provide screencast or screenshot of the issue which help in better understanding.

Thanks!
Correction: Files should be compiled with Web Essentials (not WebCompiler) to reproduce the issue. See attached examples for maps failing to parse.
fails.scss
40 bytes Download
fails.css
75 bytes View Download
fails.css.map
171 bytes Download
succeeds.css.map
168 bytes Download
Project Member

Comment 4 by sheriffbot@chromium.org, Nov 2

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding the requester to the cc list.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
fails.jpg
96.4 KB View Download
compare.jpg
52.9 KB View Download
Labels: Needs-Feedback
Tried testing the issue on chrome reported version# 72.0.3599.0 using Windows-10 with steps mentioned below:
1) Launched chrome reported version and downloaded all the files provided in comment# 3 and placed in one folder
2) Ran a local server with port 8000 and navigated to folder created in first step
3) Clicked on fails.css, and opened Devtools> Console, didn't seen any error messages in console tab and clicked on Sources tab, able to only fails.css in it

@Reporter: Please find the attached screencast and provide your feedback on it. If possible could you please provide the screencast of the issue which help in better understanding and further triaging it in better way.

Thanks!
900923.mp4
3.2 MB View Download
Sourcemap is needed to display the original source (the content of .scss file) in the "Sources", so a successful test would add the .scss file to the "Sources" tab (see right side of "compare.jpg").

You're not getting an error, because the CSS file is not included in an HTML document, so Chrome won't try to parse it. Please try to reproduce this issue through the following steps:

1. Download "fails.css" and "fails.css.map"
2. Start a local webserver that serves an HTML document containing at least an "html", "head" and a "body" tag
3. Include the "fails.css" in a "link" tag under the "head" tag
4. Request the page with Chrome 72.0.3599.0

If it fails, "fails.scss" will NOT be in the sources (see left side of "compare.jpg"), if it succeeds, it should be there (see the right side).
Project Member

Comment 8 by sheriffbot@chromium.org, Nov 5

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding the requester to the cc list.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Labels: Needs-Feedback
Tried testing the issue on chrome reported version# 72.0.3599.0 using Windows-10 with steps mentioned in comment# 7
1) Downloaded "fails.css" and "fails.css.map" files provided in comment# 3 and placed it in one folder
2) Created a '.html' file where we have included "fails.css" in a "link" tag under the "head" tag(find attached for the same)
3) Ran a local server with 8000 port, and opened the file created in above step, observed "Not allowed to load local resource" error message in Devtools>Console tab
Observations: Also tried testing the issue by directly dropping the '.html' file in to new tab, observed "DevTools failed to parse SourceMap" warning message in Devtools>Console tab

@Reporter: Please find the attached screencast for your reference and let us know if we missed anything in reproducing the issue, provide you feedback on it which help in further triaging it in better way.

Thanks!
900923.html
148 bytes View Download
900923.mp4
4.5 MB View Download
Yes, that's exactly the behavior I got (the warnings, not the "failed to load" errors, those are probably from a misconfigured webserver).

You indeed don't need a webserver to reproduce the issue, as Chrome will parse the CSS from a static HTML document too.
Project Member

Comment 11 by sheriffbot@chromium.org, Nov 6

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding the requester to the cc list.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Labels: -Needs-Bisect -Type-Bug-Regression Target-72 FoundIn-72 M-72 FoundIn-71 FoundIn-70 OS-Linux OS-Mac Type-Bug
Status: Untriaged (was: Unconfirmed)
Able to reproduce the issue on chrome reported version# 72.0.3599.0, latest stable# 70.0.3538.77 and on latest chrome# 72.0.3604.0 using Windows-10, Mac 10.12.6 and Ubuntu 14.04 with steps and sample file provided in comment# 9. As this issue is seen from M-60(60.0.3112.0), hence considering this issue as Non-Regression and marking it as untriaged.

Thanks!
Owner: einbinder@chromium.org
Status: Assigned (was: Untriaged)
Cc: phanindra.mandapaka@chromium.org
 Issue 915356  has been merged into this issue.
We also noticed this. Turns out chrome 70 sent cookies for the map file requests (we had all requests behind an auth guard on the server) but 71 no does not send cookies which caused our auth middleware to fail.

Sign in to add a comment