vue-router应用到组件中时报错Unknown custom element:

我是用 vue-cli+webpack 搭建的脚手架，做的单页面开发！！！

vue-router应用到组件中时报错：
[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.
found in at D:\wamp64\www\personalPro\mi\src\App.vue

---

main.js中：

QQ图片20170620192820.png

App.vue中：

QQ截图20170620193044.png

index.js中：

QQ截图20170620193149.png

---

然后就是一直报错，我觉得应该是路由的问题，所以一直在修改所有关于路由的地方，
最后发现，在index.js中引入路由的路径出现问题，原本npm install ‘模块’后，模块会自动保存到node-modules文件夹下面，所以在文件引入的时候就可以直接写模块名，不需要填写相对路径(当然写也可以)，
但是，搭建脚手架后，index.js 文件在 src/router/ 下面，

所以将main.js 里面引入vue-router 的路径修改为 ./router ，就解决了错误。

QQ截图20170620193946.png