Weex工程提供了在線預(yù)覽功能
weex src/***.vue，一直用得很順手何吝，
今日心情不錯溉委，找了間咖啡館，點了杯咖啡爱榕，準(zhǔn)備調(diào)試一波瓣喊，執(zhí)行時系統(tǒng)提示【更新】，下意識點了回撤黔酥，結(jié)果整個下午就泡湯了藻三，就因為手欠導(dǎo)致了如下bug
Vue packages version mismatch
嘗試
以上錯誤很常見，一般情況下跪者，按照報錯提示執(zhí)行命令就可以解決棵帽，
log中提示，版本vue和vue-template-compiler的版本不匹配渣玲，
可以通過下方式自檢根目錄下package.json文件排查
- 如果你的vue-loader版本>=10.0逗概，可以直接更新vue-template-compiler
$ npm update vue-template-compiler
- 如果你的vue-loader版本<10.0或者使用了vueify，需要重新安裝vue-loader和vueify忘衍，然后更新vue-template-compiler到最新版本
$ npm install vue-loader&vueify --save-dev
$ npm update vue-template-compiler
依然報錯逾苫？
按照以上指令重新安裝了依賴包卿城，發(fā)現(xiàn)依然有錯，有以下幾種方式排查
查看全部依賴包
$ npm list
查看是否有異常的包依賴
將【node_modules】文件刪除重新安裝
如果是依賴包安裝匹配錯誤或依賴包被篡改導(dǎo)致的錯誤铅搓，此方法可以有效解決
重新安裝全局環(huán)境
此方法為下下策瑟押，是在沒有辦法的情況下才執(zhí)行
weex涉及的全局環(huán)境大概有以下幾種
- node
- npm
- vue
- vue-cli（本人此次遇到的錯誤就是weex-cli更新導(dǎo)致執(zhí)行環(huán)境依賴包和項目包不匹配造成的）
- weex
- weex-cli
- weexpack
【注意事項】以vue-cli為例
如果之前的全局環(huán)境時使用cnpm安裝的，那么在重新安裝時就不能僅僅使用$ npm uninstall卸載此包
$ npm uninstall vue-cli
而應(yīng)該將響應(yīng)環(huán)境包徹底刪除或者將包內(nèi)的node_modules全部刪除
如：
$ sudo rm -rf /usr/local/lib/node_modules/vue-cli
# 或
$ sudo rm -rf /usr/local/lib/node_modules/vue-cli/node_modules
然后重新安裝
$ npm install -g vue-cli
# 如果出現(xiàn)access權(quán)限錯誤狸吞，請使用sudo命令
$ sudo npm install -g vue-cli
