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

鸿蒙生态一站式服务平台。

更多推荐