[已解决!]vue-router] Named Route ‘jinengHome‘ has a default child route. When navigating to this named.

项目场景:

前几天的项目跑起来还好好的,今天开启Vue-cli 脚手架项目发现页面显示空白。就很苦恼。


问题描述:

找控制台出现以下提示:
在这里插入图片描述

@Override
[vue-router] Named Route 'jinengHome' has a default child route. 
When navigating to this named route (:to="{name: 'jinengHome'"), 
the default child route will not be rendered. Remove the name from this routeand use the name of the default child route for named links instead.
      

原因分析:

翻译过来就是:命名路由“jinengHome”具有默认子路由。当导航到此命名路由(:to=“{name:‘jinengHome’”)时,将不呈现默认子路由。从该路由中删除该名称,并改用命名链接的默认子路由的名称。


解决方案:

将router下的index.js 文件下的主路由配置路径path改成 “/”
即可, 因为自己使用了子路由,所以子路由的页面显示的path必须是/-对应的组件名字。

在这里插入图片描述
将路由path路径改一下即可。

猜你喜欢

转载自blog.csdn.net/qq_43055855/article/details/109193782