最近在項(xiàng)目中集成Vux到項(xiàng)目目錄中時(shí),編譯無法通過。
控制臺(tái)報(bào)錯(cuò),截圖如下:
控制臺(tái)報(bào)錯(cuò)截圖
奇怪的是,將Vux的引用切到node_module目錄下就能正常編譯通過,但是單獨(dú)引入到項(xiàng)目中使用vue-loader + webpack編譯就會(huì)報(bào)錯(cuò),查看報(bào)錯(cuò)的源文件,截圖如下:
源文件報(bào)錯(cuò)截圖
在源文件報(bào)錯(cuò)截圖中可以很清楚地看到這個(gè)模塊混合使用了ES2015和Commonjs的模塊引入和輸出的方法,結(jié)合Google出來的一些信息,可以判定是由于這2種模式的混用導(dǎo)致的這個(gè)問題,這里的解決方法是把模塊的輸出切換為ES6的方式,將上述的代碼改成
import md5 from 'blueimp-md5'
//module.exports = md5
export default md5
把模塊引入和導(dǎo)出的方式變成ES6的方式以后,編譯成功,代碼正常運(yùn)行啦。