鍍金池/ 問答/HTML/ 關(guān)于weex 使用vue-router 報錯

關(guān)于weex 使用vue-router 報錯

我是按照weex官網(wǎng)的命令初始化的項目,項目結(jié)構(gòu)如下
這里是入口文件的代碼
![圖片描述][2]

路由代碼如下
圖片描述圖片描述

渲染路由頁面如下
圖片描述

根文件如下
圖片描述

結(jié)果運行報了一對錯……
圖片描述
請問怎么配置vue的路由啊

回答
編輯回答
巫婆

同樣遇到這個問題 , 雖然有哥們說修改 webpack.common.conf.js 可以運行成功 但是不知道這樣的修改會造成其他什么問題, 請問有沒有更完美一些的解決方法

2017年6月28日 19:55
編輯回答
不將就

我也在愁這個,,,求大神

2018年3月17日 23:44
編輯回答
萌面人

樓主,這個問題解決了嗎?我也遇到了

2017年11月8日 00:10
編輯回答
幼梔

用官方的命令生成后,打包,程序會在文件的最后面加上new Vue(....),也就是說你不加上面weex.init(Vue);底下的內(nèi)容,最后程序也會加,這里又加了一個。我也在愁這個問題

2018年5月3日 09:40
編輯回答
貓小柒

這步的坑通過修改 configs/webpack.common.config.js 可以解決:
clipboard.png

打包前,會自動添加 new Vue(...),根據(jù)你的需要修改這就好,或者把這部分注釋掉都可以。

另外,entry.js 頭部應(yīng)用了本地文件 ./router/router.js,也會報錯的。因為打包前是把入口文件放到 .temp 目錄操作,相對路徑都變了,找不到文件了。如截圖中第一塊內(nèi)容就是做路徑相對位置替換的操作。

configs/webpack.common.config.js 還會把 src 下所有 .vue 文件做入口文件處理,可以把讀取 subdir
的那一段if注釋掉,僅將 src 目錄下的 .vue 做入口。

坑很深,這一步還好說,后面直接白屏還不報錯、內(nèi)置包讀取不到才是真的深坑。還在掙扎中。。。?


補充:webpack.common.config.js中 webConfig部分已經(jīng)定義了別名 alias:{'@':helper.resolve('src')},因此截圖中針對路徑調(diào)整部分可以取消,在文件中通過 '@/path/to/vue' 指定路徑。

再補充:看了前人趟過的坑 才明白weex不是宣傳那樣用vue就多端搞定了,好像是web端支持的不錯,native端要針對vue-router做特別處理,每個router都是一個單獨打包文件。白屏就是這樣,不要嘗試注釋遞歸遍歷入口了,native就得每個頁面作為單獨文件。至于之前的demo如 weex-hackernews為啥可以,估計和原生端調(diào)用代碼有關(guān),也可能版本不同。。。?

2018年8月11日 18:01
編輯回答
局外人

錯誤提示是大量App命名,把這個改成其它的試試

2018年4月17日 21:06