在使用router进行vue3的导航开发时，启动项目后页面无显示？

Question

在使用router进行vue3的导航开发时，启动项目后页面无显示，想问一下可能是哪里出现了问题？

main.ts代码

import { createApp } from 'vue'
import './style.css'
// @ts-ignore
import App from './App.vue'
// @ts-ignore
import router from './router/index.js'

// @ts-ignore
//import {createPinia} from 'pinia'


const app = createApp(App)
app.use(router)
//app.use(createPinia())
app.mount('#app')

App.vue代码

<script setup lang="ts">
   import {RouterView} from "vue-router"
</script>

<template>
  <RouterView/>
</template>

<style scoped>

</style>

router中的index.js代码

import Vue from "vue";
import {createRouter,createWebHashHistory} from "vue-router";
import AppLayout from "../components/layout/AppLayout.vue";


const router =createRouter({
    history: createWebHashHistory(),
    routes:[
        {
            path:"/",
            name:"home",
            component:AppLayout,
        }
    ]
})

//导出路由
export default router;

Answer 1

页面没有默认显示，搜一下vue3路由设置默认显示就行了