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

回答

相關問題