“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘

vue-router@4使用时，报上面的错，代码是这么写的

import?VueRouter?from?'vue-router'

const?Test?=?{template:?`<h1>测试</h1>`}

const?routes?=?[

??{

????name:?'Test',

????path:'/test',

????component:?Test

??}

]

const?router?=?VueRouter.createRouter({

??//?4.?内部提供了?history?模式的实现。为了简单起见，我们在这里使用?hash?模式。

??history:?VueRouter.createWebHashHistory(),

??routes,?//?`routes:?routes`?的缩写

})

沿用了之前vue2的写法，使用import导入，下面是按照文档抄写的，果然报错了。

之前引用vue的时候就报了这样的错，估计又是新版本不能这么写的，在从vue2迁移那里找到了解决办法：

import { createRouter, createWebHistory } from 'vue-router'
// 还有 createWebHashHistory 和 createMemoryHistory

createRouter({
  history: createWebHistory(),
  routes: [],
})