Javascript Vue.js 3-为什么在这种情况下导入Vue路由器不起作用？

我有以下文件

路由器.js

main.js

但是，在执行此操作时，我会收到以下未捕获的错误

TypeError:这是未定义的-vue router.esm.js:2828

由于错误发生在第2828行，因此似乎是vue router库中的错误

这是通过尝试导入vue路由器，而不尝试在应用程序中的任何其他位置使用它来实现的。我也以相同的方式使用vuex和导入导出/导入存储，它可以工作

---

我猜我导入vue路由器是错误的，因为示例中的文档没有使用

{createApp}

。我是否导入错误，或者是否有其他原因导致它无法工作？

首先确保已使用以下方法安装vue路由器4：

npm install vue-router@next

然后导入

createRouter

以创建路由器实例：

 import { createRouter,createWebHistory} from 'vue-router'

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes: [
     {
      ...
     }
 ]
})

npm install vue-router@next

 import { createRouter,createWebHistory} from 'vue-router'

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes: [
     {
      ...
     }
 ]
})