vue-router配置问题

问题遇到的现象和发生背景

vue3+vuetify+vue-router+vue cli

遇到的现象和发生背景，请写出第一个错误信息

无报错，应该是vue-router问题。

用代码块功能插入代码

vue-router index.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import vuetify from './plugins/vuetify'
import { loadFonts } from './plugins/webfontloader'

loadFonts()

createApp(App)
  .use(router)
  .use(vuetify)
  .mount('#app')

main.js

import { createRouter, createWebHashHistory } from 'vue-router'
// 引用相关组件
import App from '../App.vue'
import UserPage from '../components/UserPage.vue'

const routes = [
  {
    path: '/',
    name: 'App',
    component: App
  },{
    path: 'user',
    nama: 'User',
    component: UserPage
  },
]

const router = createRouter({
  history: createWebHashHistory(),
  routes
})

export default router
运行结果及详细报错内容

vuerouter默认页面正常，但更改后vueDevtools都不显示此为vue网站，呈灰色图标，源代码为空

我的解答思路和尝试过的方法

目前没有想到任何能解决的思路，唯一想到的就是配置文件写错了

我想要达到的结果

vuerouter能正常使用（我不说你也能知道）