“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: [],
})