关于weex 使用vue-router 报错

Question

我是按照weex官网的命令初始化的项目，项目结构如下
这里是入口文件的代码
][2]

路由代码如下

渲染路由页面如下

根文件如下

结果运行报了一对错……

请问怎么配置vue的路由啊

Answer 1

这步的坑通过修改 configs/webpack.common.config.js 可以解决：

打包前，会自动添加 new Vue(...)，根据你的需要修改这就好，或者把这部分注释掉都可以。

另外，entry.js 头部应用了本地文件 ./router/router.js，也会报错的。因为打包前是把入口文件放到 .temp 目录操作，相对路径都变了，找不到文件了。如截图中第一块内容就是做路径相对位置替换的操作。

configs/webpack.common.config.js 还会把 src 下所有 .vue 文件做入口文件处理，可以把读取 subdir
的那一段if注释掉，仅将 src 目录下的 .vue 做入口。

坑很深，这一步还好说，后面直接白屏还不报错、内置包读取不到才是真的深坑。还在挣扎中。。。?

---

补充：webpack.common.config.js中 webConfig部分已经定义了别名 alias:{'@':helper.resolve('src')}，因此截图中针对路径调整部分可以取消，在文件中通过 '@/path/to/vue' 指定路径。

再补充：看了前人趟过的坑 才明白weex不是宣传那样用vue就多端搞定了，好像是web端支持的不错，native端要针对vue-router做特别处理，每个router都是一个单独打包文件。白屏就是这样，不要尝试注释递归遍历入口了，native就得每个页面作为单独文件。至于之前的demo如 weex-hackernews为啥可以，估计和原生端调用代码有关，也可能版本不同。。。?

Answer 2

同样遇到这个问题 , 虽然有哥们说修改 webpack.common.conf.js 可以运行成功 但是不知道这样的修改会造成其他什么问题, 请问有没有更完美一些的解决方法

Answer 3

用官方的命令生成后，打包，程序会在文件的最后面加上new Vue(....)，也就是说你不加上面weex.init(Vue);底下的内容，最后程序也会加，这里又加了一个。我也在愁这个问题

Answer 4

我也在愁这个，，，求大神

Answer 5

错误提示是大量App命名，把这个改成其它的试试

Answer 6

楼主，这个问题解决了吗？我也遇到了