ESRI：無法解析源 map

Question

我在 Google chrome 開發人員控制台中收到此錯誤。

無法解析 SourceMap： http://localhost:15132/Scripts/_External/igniteui/css/themes/infragistics/infragistics.theme.css.Z1AEZ8DC81ED5121495E

我如何解決它？

Answer 1

Chrome 最近在開發人員工具中添加了對源映射的支持。 如果您在 chrome 開發人員工具欄上的設置下，您可以看到以下兩個選項：

如果禁用這兩個選項並刷新瀏覽器，它應該不再要求源映射。

這些設置可以在這里找到：

Answer 2

雖然選擇的答案是隱藏錯誤的好答案，但它不會使錯誤消失，只是您在檢查器中看不到它。 另一種方法是下載丟失的地圖文件並將其放在 assets/lib 目錄中。 因此，例如，我缺少angular-route.min.js.map文件，我到這里https://code.angularjs.org/1.5.3/ （到正確版本的 angular）並下載了丟失的文件。 錯誤沒有立即消失，可能是因為緩存，但是一旦我在瀏覽器中轉到實際文件，它就起作用了。 http://sitename.localhost/assets/lib/angular-route.min.js.map 。 現在，即使啟用了源映射，檢查器也不再顯示錯誤。

Answer 3

除了在 Chrome 中簡單地關閉 Source Maps 之外 - 我做了一些挖掘，發現使用 Web Essentials 創建源映射似乎是問題所在。

無論出於何種原因，如果我使用外部編譯器（Koala），我可以在 Chrome 中成功創建工作源映射（沒有錯誤）。 而如果我使用 Web Essentials，源映射將無法解析。

希望這可以幫助某人。

Answer 4

我們通常縮小/壓縮的 CSS/JS 源代碼。 現在，如果我們想調試那些縮小的文件，那么我們必須在縮小的文件末尾添加以下行

/*# sourceMappingURL=bootstrap.min.css.map */

這告訴編譯器源文件實際映射到哪里。

在JS的情況下，它是有道理的
但在CSS的情況下，它實際上是在調試 SCSS。

刪除警告： remove /*# sourceMappingURL=bootstrap.min.css.map */ from the end of minified file , 。

Answer 5

我遇到了同樣的問題，因為.htaccess設置不正確：

重寫引擎開啟
重寫規則 !.(js|gif|jpg|png|css)$ index.php

我通過修改文件解決了這個問題：

重寫引擎開啟
重寫規則 !.(js|gif|jpg|png|css|eot| svg | ttf | woff | woff2 | map )$ index.php

Answer 6

這有時可能是由您安裝的 Chrome 擴展程序引起的。 例如， AdBlock 。

不幸的是，我能找到的最佳解決方案是禁用有問題的擴展。

Answer 7

當我遇到這個問題時，原因是使用ui.bootstrap.modal模塊時對模板文件的相對引用。

templateUrl: 'js/templates/modal.html'

這適用於根域 ( www.example.com )，但是當添加路徑 ( www.example.com/path/ ) 時，引用會中斷。 在我的情況下，答案只是使引用絕對化（ js/ -> /js/ ）。

templateUrl: '/js/templates/modal.html'

Answer 8

Google DevTools 中的錯誤是由 Google 擴展引起的。

1. 我在瀏覽器中點擊了我的 Google 圖標
2. 在彈出窗口的底部創建了一個訪客檔案。
3. 然后我粘貼了我的本地主機地址，瞧！！

控制台中不再有錯誤。

Answer 9

檢查您是否正在使用某些 Chrome 擴展程序（夜間模式或其他）。 禁用它，看看“注入”是否消失了。

Answer 10

我注意到這個問題是因為 AdBlock 擴展，我關閉了 AdBlock 擴展，問題得到了解決。

Answer 11

對於 cra\/react-scripts 5.0.0<\/code>看起來有一個錯誤。 我必須創建一個.env<\/code>文件並添加以下內容

Answer 12

問題：源映射 404

Windows 10（全部更新），Google 版本 105.0.5195.102（官方版本）（64 位）。

修復是禁用添加塊擴展。