项目场景:
前几天的项目跑起来还好好的,今天开启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路径改一下即可。
人生舞台的大幕随时都可能拉开,关键是你愿意表演,还是选择躲避。