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