Vux集成到Vue單頁項(xiàng)目

最近在項(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)行啦。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 前言 webpack2和vue2已經(jīng)不是新鮮東西了,滿大街的文章在講解webpack和vue,但是很多內(nèi)容寫的不是...
    技術(shù)宅小青年閱讀 6,571評(píng)論 4 43
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,841評(píng)論 25 708
  • 寫在開頭 先說說為什么要寫這篇文章, 最初的原因是組里的小朋友們看了webpack文檔后, 表情都是這樣的: (摘...
    Lefter閱讀 5,314評(píng)論 4 31
  • 看TED演講一直是每個(gè)周末的保留項(xiàng)目,有時(shí)也會(huì)看《超級(jí)演說家》和《中國(guó)青年說》的節(jié)目片段。 演講者們或激情澎湃或娓...
    君子姐閱讀 453評(píng)論 0 0
  • 說線程池前 先來了解一下 阻塞隊(duì)列是什么;大致上說下自己的理解阻塞隊(duì)列 java中 有這么幾種 ArrayBloc...
    Null_ZXM閱讀 198評(píng)論 0 0