vue使用vue-amap元件報錯AMap is not defined

时光SHG發表於2024-07-22

日常開發中我們使用到vue-amap元件會導致瀏覽器報兩個錯誤

1.Error in mounted hook: "ReferenceError: AMap is not defined"

2.AMap is not defined

我查閱了很多資料,大多數都是根目錄新建eslintrc.js檔案

但即使這樣設定了globals,瀏覽器也依然報錯

雖然說使用setTimeout方法也能解決,但我總感覺不太美觀

最後面查閱不到想要的解決方式了,只能埋頭去查閱vue-amap官方文件

其實只需要在使用了el-amap元件的頁面中引入lazyAMapApiLoaderInstance即可解決這兩個報錯

這樣即使在當前地圖頁面ctrl+r,console控制檯也不會報錯了。

相關文章