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 在 "source tab" 中识别了 .map 文件，因为存在 "webpack://" 结构。

但是调试器没有使用这个 .map css:

[

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

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

一切正常！

总计：

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

为什么它不适用于 "map in app.css.map" 但 相同的地图在 base64 格式时有效 ？如何解决？

---- 更新 1 ----

我已经在其他 PC 上用相同 chrome 测试过，一切正常。我认为某些 chrome 设置会导致此错误。

Answer 1

这是带有 Live SASS 选项的 chrome 最新版本的错误。

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

Css sourceMappingURL 在 Chrome 59.0.3071.115 中无法正常工作

Css sourceMappingURL doesnt work correct in Chrome 59.0.3071.115

css

google-chrome

sass

source-maps

webpack