vue3 vue-cli 使用createRouter()問題

Vue3-Cli引入 vue-router 時使用 VueRouter.createRouter()時報 Cannot read properties of undefined (reading 'createRouter')

源代碼

import { createApp } from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import SearchMuti from '@/components/muti-search'
import Link from '@/components/firstPage'


const routes = [
{path:"/", component:Link},
{path:"/searchPage",component:SearchMuti},
]
var Router=VueRouter.createRouter({
    history:VueRouter.createWebHistory(),
    routes
})
var app= createApp(App)
app.use(Router)
app.mount('#app')

報錯如下

解決

將import VueRouter from 'vue-router'換成 import {createRouter,createWebHistory}from 'vue-router' 再直接使用createRouter與createWebHistory即可
TIP：注冊路由的過程寫在main.js