解决vue cli5 + vue2.x下出现export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘问题

最新推荐文章于 2024-05-21 18:31:57 发布

News777

最新推荐文章于 2024-05-21 18:31:57 发布

阅读量3.9k

点赞数 15

分类专栏： Vue常见问题文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/News777/article/details/123349997

版权

Vue常见问题专栏收录该内容

22 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

在Vue CLI5和Vue2.x环境下，安装vue-router的最新版本@4.0.13时会遇到'export 'default' (imported as 'VueRouter') was not found in 'vue-router'的问题。解决方法是降级vue-router到与Vue2.x兼容的版本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错内容

export 'default' (imported as 'VueRouter') was not found in 'vue-router' 
(possible exports: NavigationFailureType, RouterLink, RouterView, START_LOCATION, createMemoryHistory, 
createRouter, createRouterMatcher, createWebHashHistory, createWebHistory, isNavigationFailure, matchedRouteKey, 
onBeforeRouteLeave, onBeforeRouteUpdate, parseQuery, routeLocationKey, routerKey, routerViewLocationKey, 
stringifyQuery, useLink, useRoute, useRouter, viewDepthKey)

解决方法

发现默认npm i vue-router -S 安装,vue-router安装为最新版本@4.0.13，版本太高。

npm uninstall vue-router -S //卸载最新版本

npm i vue-router@3.5.1 -S //安装旧版本

问题解决，如有不对之处，请大佬指出

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

News777

关注关注

15
点赞
踩
13

收藏

觉得还不错? 一键收藏
3
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

“export ‘createRouter‘ (imported as ‘VueRouter‘) was not found in ‘vue-route

weixin_46245846的博客

04-01

1258

"export ‘createRouter’ (imported as ‘VueRouter’) was not found in 'vue-route router.js 代码更新router版本 npm install --save vue-router@next 下面展示一些 router.js。 import * as VueRouter from 'vue-router' const routes = [ { path: '/',redirect:'/login'}, {pa

运行vue项目：警告提示 “export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘

web15085181368的博客

02-23

6069

问题：运行vue项目时，警告提示"export ‘default’ (imported as ‘Vue’) was not found in ‘vue’ 在main.js中在路由文件下的index.js中原因：安装的vue-cli为v4以上的版本，其不包含全局的 Vue，Vue 被 createApp函数代替解决方案：在main.js中 import { createApp } from 'vue' // 代替 import Vue from 'vue' import App from '.

3 条评论您还未登录，请先登录后发表或查看评论

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

m0_67266171的博客

03-02

719

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.

export ‘default‘ (imported as ‘VueRouter‘) was not found in‘vue-router 报错分析

a_bowl_rice的博客

03-12

4222

在项目运行时会报错“export ‘default‘ (imported as ‘VueRouter‘) was not found in。这是因为安装的时候默认安装最新版本可能与其他插件不兼容，重新安装旧版本即可，推荐使用稳定版本vue-router@3.5.2。‘vue-router‘` 主要是路由组件问题。这种报错存在两种原因。

vue路由报错export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘

南北极之间

04-21

4812

报错信息：问题分析：我这里是用vue cli脚手架构建的vue2项目，安装的路由版本是4解决办法：卸载这个不兼容的路由版本，重新安装对应的版本：安装3版本：最好就不会报错了。

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

欢迎来到C-Homes

12-10

2599

安装vue-Router@4.0+时写路由注册 // vue-Router@2.0+的写法 import VueRouter from 'vue-router' const router = VueRouter.createRouter({ history:vueRouter.createWebHashHistory(), routes:[...] }) 果然报错!!!,vue-Router@4.0+已经不支持这种写法 // vue-Router@4.0+的写法 import {createRoute

vue学习笔记 export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘

qq_46416934的博客

03-09

2014

版本：vue3 vue/cli 5.0.0 做写store时报错 import Vue from "vue"; import Vuex from "vuex"; import getters from "./getters"; import user from "./modules/user"; Vue.use(Vuex); const store = new Vuex.Store({ modules: { user, }, getters, }); export default

【vue-cli搭建vue项目的过程2.x】

热门推荐

编程教培一线讲师

10-10

1万+

报错分析

export ‘default‘ (imported as ‘Router‘) was not found in ‘vue-router‘ ...

weixin_42464106的博客

08-09

787

npm uninstall vue-router -S //卸载。npm i vue-router@版本号 -S //安装旧版本。默认 npm i vue-router -S安装的为最新版本。安装旧版本后，重启项目便不会报错了。vue-router的版本太高。vue报如上错误的话，因为。......

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

康宁的博客

07-03

250

大部分原因是因为vue-router安装的时候默认安装最新版本，可能与其他插件不兼容。执行运行命令npm run serve后，出现如上问题。安装一个旧版本即可解决。

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

weixin_73368873的博客

02-19

625

今天在测试路由功能的时候，发现了npm安装路由引入失败的问题的的export 'default' (imported as 'VueRouter') was not found in 'vue-router'，最后发现是因为npm直接安装的router版本为4但是我使用的为vue2，所以我直接降级到router3。

export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘ 解决方案

qq_43272027的博客

10-28

477

vue router 版本不匹配引发的问题

vue3+cli4运行项目报错export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘

Sunny_lxm的博客

02-22

3478

vue3+cli4运行项目报错export 'default' (imported as 'VueRouter') was not found in 'vue-router'

export 'default' (imported as 'Router') was not found in 'vue-router'

09-01

当报错"export 'default' (imported as 'Router') was not found in 'vue-router'"时，可能是因为以下两个原因： 1. 路由格式编写错误：检查路由的格式是否正确，正确格式应该是使用routes字段，而不是router字段，并且组件名应该是component而不是components。示例： ```javascript import Vue from 'vue'; import VueRouter from 'vue-router'; import Home from './components/Home.vue'; Vue.use(VueRouter); const routes = [ { path: '/home', component: Home } ]; const router = new VueRouter({ routes }); export default router; ``` 2. 版本不兼容：如果安装的vue-router版本与其他插件不兼容，可能会导致此错误。可以尝试重新安装旧版本的vue-router，推荐使用稳定版本vue-router@3.5.2。示例： ``` npm uninstall vue-router npm install vue-router@3.5.2 ``` 同时，还可以通过以下方法进行排查： 1. 查看依赖版本号：可以在package.json文件中查看vue、vue-cli、vue-router等依赖的版本号，也可以使用命令`npm list vue`或`npm list vue -g`查看。 2. 确认Vue实例的引入方式：确保在引入vue-router之前已经正确引入了Vue。 3. 检查其他插件兼容性：如果使用了其他插件，可能存在与vue-router不兼容的情况，可尝试卸载或更新这些插件。希望以上方法能帮助您解决问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘报错分析](https://blog.csdn.net/weixin_51992868/article/details/127239320)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [vue-axios-interceptors：全局捕获和处理ajax响应](https://download.csdn.net/download/weixin_42097557/14984413)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [解决- “export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router](https://blog.csdn.net/qq_49446857/article/details/123112891)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]