3

我有以下文件

路由器.js

import VueRouter from 'vue-router'

export const router = VueRouter({
routes: [
     {
      ...
     }
 ]
})

main.js

import { createApp } from 'vue'
import App from './App.vue'
const app = createApp(App)
...
import { router } from './router'
app.use(router)
...
app.mount('#app')

但是,这样做时,我收到以下错误 UncaughtTypeError: this is undefined - vue-router.esm.js:2828它似乎是 vue-router 库中的一个错误,因为错误发生在第 2828 行。

这是通过尝试导入 vue-router 而不尝试在应用程序中的其他任何地方使用它来实现的,我也以相同的方式使用 vuex 和导入导出/导入存储并且它可以工作。

我的猜测是我错误地导入了 vue-router,因为{createApp}示例中没有使用文档。是我导入错了,还是有其他原因它不起作用?

4

1 回答 1

4

首先确保您已使用以下命令安装了 vue 路由器 4:

npm install vue-router@next

然后导入createRouter以创建路由器实例:

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

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

于 2020-12-07T18:12:34.667 回答