日常開發中我們使用到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控制檯也不會報錯了。