产生此问题原因  ：createRouter（），创建路由时候传入参数名称存在问题

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

  

错误代码分析：

重点看红色框框中代码

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

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

解决办法： 

const routes = [

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

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

]

//创建路由

const router = createRouter({

    history: createWebHashHistory(),

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

});

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

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