如何理解这个数据流？

[jzendo]

上面这个现象，请问如何解释？
@PanJiaChen

[PanJiaChen]

这个其实和webpack的运行机制有关。
简而言之，就是执行permission.js的时候constantRouterMap并没有好。
settimeout因为已经是下一个loop了，所以能拿到。

[Debiancc]

为什么不在layout runtime的时候去判断有没有当前页面的权限，从而reject掉。
这样代码比较符合直觉

[jzendo]

我觉得不对，这个把ES6模块的概念 “模糊”了。

我有一种解决方法（如下），
main.js 里按这个顺序：
`
import store from './store'
import App from './App'
import router from './router'

`

[PanJiaChen]

你这改法其实本质区别不大，只是修改了webpack引入个个module的顺序(webpack 解析规则：它会找页面的 import，如果发现有，就会一直递归找下去，找到最后的叶子节点为止。当发现没有了，才会返回上一级，执行代码。所以出现了你看到的现象)。不过你这样调整的确是可以解决你的问题。

但其实为什么new vue之前知道 constantRouterMap它的值呢？

[jzendo]

你看看我图里的那个undefined位置, 这个是你代码,
我想你不是想要一个undefined . 代码里应该是route array.

[PanJiaChen]

因为你 console 的时候 vue 都没 init。 undefined 并不会有什么问题。

[jzendo]

我觉得你这样做会明显误导用户。

不建议，不如直接空数组

[PanJiaChen]

恩，的确不够有好。欢迎 pr。

[PanJiaChen]

Refine in 9daeb1c

[huaiyue]

因为你 console 的时候 vue 都没 init。 undefined 并不会有什么问题。

console的时候 vue 都没 init，这个我理解。但如按着您的代码，真正项目跑起来时候，下面引用到constantRoutes时候，是空的，并不是希望的引入的已定义的一个数组，这是为什么呢？另外上面您说的webpack解析问题，我还是觉着有点奇怪，比如我先impirt router，再import store，store里调用router的变量，为啥会不行呢？我理解的是，import router后，它里面的变量应该都存在了，可以直接被其他文件引用了不是么？