无法读取未定义的 Vue-Router-next 的监听属性

Question

https://codesandbox.io/s/vue-router-v4-reproduction-l5fzm?file=/index.html

得到错误

未捕获的类型错误：无法读取未定义的属性“侦听” 在 createRouter (vue-router.esm-bundler.js:2269) 在 main.js:16 createRouter@vue-router.esm-bundler.js:2269 （匿名）@main.js:16

代码示例：如何重现

const { createRouter, createWebHistory, createWebHashHistory } = VueRouter
const { createApp } = Vue

const Home = {
  template: `<div>home</div>`,
}

const Foo = { template: '<div>foo</div>' }
const Bar = { template: '<div>bar</div>' }

const router = createRouter({
  routes: [
    { path: '/', component: Home },
    { path: '/foo', component: Foo },
    { path: '/bar', component: Bar },
  ],
})

const app = createApp({})
app.use(router)

window.vm = app.mount('#app')

Answer 1

似乎历史记录键是必需参数，并在vue-router-next 文档中解决。

import { createRouter, createWebHistory } from 'vue-router'
// there is also createWebHashHistory and createMemoryHistory

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