最近在項目中集成Vux到項目目錄中時,編譯無法通過。
控制臺報錯枪眉,截圖如下:
奇怪的是,將Vux的引用切到node_module目錄下就能正常編譯通過啥供,但是單獨引入到項目中使用vue-loader + webpack編譯就會報錯凛澎,查看報錯的源文件展氓,截圖如下:
在源文件報錯截圖中可以很清楚地看到這個模塊混合使用了ES2015和Commonjs的模塊引入和輸出的方法兔综,結(jié)合Google出來的一些信息燕刻,可以判定是由于這2種模式的混用導(dǎo)致的這個問題沪哺,這里的解決方法是把模塊的輸出切換為ES6的方式,將上述的代碼改成
import md5 from 'blueimp-md5'
//module.exports = md5
export default md5
把模塊引入和導(dǎo)出的方式變成ES6的方式以后酌儒,編譯成功,代碼正常運行啦枯途。