“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘

最新推荐文章于 2023-07-10 10:10:41 发布

原创最新推荐文章于 2023-07-10 10:10:41 发布 · 9.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

日常踩坑

报错纠错

本文介绍了一个关于Vue Router 4版本中常见的错误及其解决方案。错误源于使用了旧版的导入方式，文章详细解释了如何根据Vue Router 4的新API进行调整，确保路由配置正确无误。

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

标签

#vue3 #vue-router 4