写了一个简单的小路由，但是怎么组件渲染不上甚至dom都没有创建？-灵析社区

颜如玉你信不信

父组件 import seller from '@/components/seller.vue' export default { components: { seller } } 路由配置 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241130/3d1ecba80da75b86edb707a846a9b9a5.png) 路由出口 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241130/cf3715da0889d25cb410a1f0bf4ef352.png) 修改补充： 之前路由配置时，没有设置根路径，在vue调试工具中没有/sellerpage这条路径。后来添加根路径并将/sellerpage设置为子级，正确显示出路径。 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241130/5deb6e500090548b682e3d9a0d2bfe61.png) ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241130/391ce3538d5adfa398da201cb0177b79.png) 但是路由组件依然没有被创建 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241130/af25e94c12c27b59a63024f441d464db.png) 入口函数： ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241130/d1c983c8a19de36961a399525df70fb5.png)

阅读量：14

点赞量：0

问AI
组件出口是在根组件，一开始设计时，组件路由不作为根路径的子级路由，Vue调试工具就没有显示routes，并且没有创建dom。后来写在根路径下后，路由加载了但仍然没有创建dom。感谢"@standbill" (/u/standbill) ，我想到组件出口在根路径，那我放到根路径下是不对的（尽管一开始我的设计就是这样，但没实现）。然后更改了路由设置，可以正常渲染、加载dom了。 这个bug尽管我也不知道啥原因，但是周一一大早就看到这么多人解答，很感动，谢谢大家！ *** 原因：一开始路由配置正确，但是routes写的route，后来配置改成子级路由并改为正确的变量名后，就有了我的提问：路径可以加载但是不创建dom，感谢"@陟上晴明" (/u/yogwang) 提醒指正。