Css sourceMappingURL在Chrome 59.0.3071.115

Question

我有一个通过webpack打包的项目。 Css是使用sourceMap从sass生成的。

    devtool: 'source-map',
...
    loader: ExtractTextPlugin.extract(
      'css-loader?sourceMap=true&minimize=true!' +
      'postcss-loader?sourceMap=true!' +
      'sass-loader?sourceMap=true'
    ),

app.css.map文件已成功生成，sourceMappingURL=app.css.map已置于app.css。 我看到Chrome在＆＃34;源标签＆＃34;中识别了.map文件因为＆＃34; webpack：//＆＃34;结构存在。

但是调试器没有将此.map用于css ：

[

之后我将app.css.map文件转换为base64（通过在线服务）并将其粘贴到app.css

sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJz...

一切正常！

共：

1. .map是正确的（因为它以base64格式工作）
2. Chrome检测到app.css.map并成功获取（因为webpack://标签中存在source）

为什么它不适用于＆＃34;映射到app.css.map＆＃34;但是当它以base64格式时，相同的地图有效？如何解决？

---- UPD 1 ----

我已经在其他具有相同镀铬功能的PC上进行了测试，并且一切正常。我认为一些chrome settigns会犯这个错误。

Answer 1

这是使用Live SASS选项的最新版chrome的错误。

我已经发布了关于它的错误报告。关闭live sass是临时解决方案。

How to enable/disable it.