Chrome not loading CSS source maps?
You can try the following steps:
1- delete the map file and regenerate it again.
2- Using the chrome inspector, go to Settings > General and then click on the button "Restore defaults and reload"
When the CSS file has the sourcemapping embedded as base64, then it seems to work fine.
For example:
/*# sourceMappingURL=data:application/json;base64,eyJ2....5235== */
OMG! The problem made me crazy! I found that the CSS file is not complete. Here is what I did to solve the problem:
- Make sure that CSS maps are enabled in Dev tools settings.
- Check the end of CSS file whether it contains a link to the source map.
- Press
Shift
+Click on the refresh button
to force resources update.