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

我有一个通过webpack打包的项目。 Css是由sass和sourceMap生成的。Css sourceMappingURL在Chrome中无法正常工作59.0.3071.115

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。由于“webpack：//”结构存在，我发现Chrome在“源代码标签”中识别出.map文件。

但调试器不使用该.MAP对CSS：

[ But debugger does not used this .map for css[2]

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

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

和所有工作正常！

完全：

.MAP是正确的（因为它以Base64格式的作品）
Chrome浏览器检测app.css.map并把它成功（因为存在于source标签webpack://）

为什么它不适用于“地图app.css.map”，但相同的地图作品它在base64格式？如何解决它？

---- UPD 1 ----

我在其他PC用同样的镀铬测试，一切工作正常。我认为一些铬镶片会造成这个错误。

来源

2017-06-29 MixerOID

@Rob我还没有润版液，但如果你用base64问地图，你可以在那里阅读MO：https://github.com/thlorenz/inline-source-map – MixerOID

这是一个Live SASS选项的最新版本的铬的错误。

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

How to enable/disable it.

来源

2017-06-29 12:56:58 MixerOID

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

回答

相关问题