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

Posted 2023-03-29

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

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

main.js中：

App.vue中：

index.js中：

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

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