DevTools failed to parse SourceMap for css files compiled with BOM
Reported by
geis...@gmail.com,
Nov 1
|
||||||||||
Issue descriptionUserAgent: 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.
,
Nov 2
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!
,
Nov 2
Correction: Files should be compiled with Web Essentials (not WebCompiler) to reproduce the issue. See attached examples for maps failing to parse.
,
Nov 2
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
,
Nov 2
,
Nov 5
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!
,
Nov 5
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).
,
Nov 5
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
,
Nov 6
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!
,
Nov 6
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.
,
Nov 6
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
,
Nov 8
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!
,
Nov 12
,
Dec 5
,
Dec 24
,
Dec 28
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 |
||||||||||
Comment 1 by krajshree@chromium.org
, Nov 2