产生此问题原因  :createRouter(),创建路由时候传入参数名称存在问题

官方文档指出createRouter()方法参数名    history,routes   。排查这两个参数名称,传入的名称必须和这个一样

  

错误代码分析:

重点看红色框框中代码

以上代码我使用简写方式,创建路由这步操作中传入的参数   我传入的  routers 这个参数名称

和官方文档中   routes  参数名称不一致,造成此错误原因

解决办法: 

const routes = [

    { path: '/home', component: Home },

    { path: '/footer', component: Footer }

]

//创建路由

const router = createRouter({

    history: createWebHashHistory(),

    routesroutes     //这个参数的key 一定要与官方文档名字保持一致

});

注意看红色的代码,这样写就没问题了

这个地方我大意了啊,没注意细节 ...............

Logo

前往低代码交流专区

更多推荐