首頁猿問 Angular -...

Angular - Javascript - 錯誤：找不到變量：重新加載頁面后的谷歌

JavaScript

繁星點點滴滴 2022-10-08 17:36:52

我使用 Angular 2+ 構(gòu)建了一個網(wǎng)站，并將 Google Maps Api 包含在我的 index.html 文件中：<script async defer src="//maps.googleapis.com/maps/api/js?[myKey]&libraries=places"></script><script src="//unpkg.com/@google/markerclustererplus@4.0.1/dist/markerclustererplus.min.js"></script>僅在 Iphone 上重新加載頁面后，地圖不會顯示，并且出現(xiàn)錯誤：“找不到變量：google”在 PC 和 Android 上運行良好。我能做些什么來解決這個錯誤？

查看完整描述

1 回答

猛跑小豬

TA貢獻1858條經(jīng)驗獲得超8個贊

看起來腳本亂序運行，這是異步腳本加載的一個主要問題。defer具有or屬性的第一個腳本async在瀏覽器繼續(xù)時并行加載，并且僅在加載后執(zhí)行，而第二個（同步）腳本阻止瀏覽器并在加載后立即運行（這發(fā)生在執(zhí)行第一個腳本之后或之前，因此順序是不可預(yù)測的）。

要保持順序，請?zhí)砑?code>defer到第二個腳本并async從第一個腳本中刪除（使兩者相等defer并因此按順序），或者從第一個腳本中刪除defer并async使其正常加載。

反對回復(fù) 2022-10-08