問題的WebPack束

加載谷歌地圖API的回調腳本我有一個假定的功能initMap()當谷歌地圖API載入完成後調用。此功能管理我在我的網絡應用程序中使用的地圖的所有設置。問題的WebPack束

initMap()生活在一個名爲init-map.js。

我正在遷移到Webpack，所以init-map.js現在被包含在index.js中使用require('./scripts/init-map.js。

我得到一個錯誤InvalidValueError: initMap is not a function，但是當我用自己的<script>標籤加載init-map.js，我沒有得到這個錯誤。

導致錯誤：

<html> 
    <head> 
     ... 
     <script src="bundle.js"></script> <!-- init-map.js is required in this file --> 
    </head> 
    <body> 
     .... 
     <script src="https://maps.googleapis.com/maps/api/js?key=&callback=initMap" async defer></script> 
    </body> 
</html>

作品沒有問題：

<html> 
    <head> 
     ... 
     <script src="bundle.js"></script> 
     <script src="./scripts/init-map.js"></script> 
    </head> 
    <body> 
     .... 
     <script src="https://maps.googleapis.com/maps/api/js?key=&callback=initMap" async defer></script> 
    </body> 
</html>

我不明白如何讓initMap()可用於谷歌地圖API時，它使回調。

我也寧願有init-map.js內index.js管理。

來源

2017-04-15 charliesneath

-1

請檢查您的通話部分。它拋出404錯誤？上檢查元件 - >網絡

嘗試從「./scripts/init-map.js」到「/scripts/init-map.js」或「腳本/ INIT-map.js」

來源

2017-04-16 09:05:49 Aadeelyoo

的使用腳本在兩種情況下都正確加載。沒有404錯誤。 – charliesneath

你可以分享init-map.js代碼嗎？你能看到控制檯上的任何錯誤嗎？ – Aadeelyoo

問題的WebPack束

回答

相關問題