1. 程式人生 > 實用技巧 >webpack編譯打包出現的問題!

webpack編譯打包出現的問題!

>>> hot3.png

最近使用webpack打包編譯檔案的時候,遇到個奇怪的問題,找不到源頭,具體報錯如下:

b0609e3d1726494ad24d4c67e71eb2e9890.jpg

點進去後:

2f7bda1dea3e3de5e857126f9707b92bb51.jpg

為這樣的!看著像moment.js的問題,然而並不是,在其它專案中也有使用到這個外掛,也是用的好好的,而且這個錯誤是突然出現的,之前在使用的時候都是正常的.

還有在之前也有出現過一個 報錯都差不多,叫call() is not a function;

也試過把commont.js加入到其它檔案,確實這個頁面也報錯了,但是這並不是問題的根源,於是繼續找:

後來經過排查:是兩個common.js的衝突,從webpack打包的時候,會生成一個common.js的javascript檔案,我們自己在測試環境的專案中實際也引用了一個common.js,這樣就導致了一些問題,前面的common.js對外暴露的變數會被後面的替換了一些函式,然後在專案中引用的時候,便報錯了!

非常奇葩的問題,引以為戒!

轉載於:https://my.oschina.net/kaykie/blog/1827476