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

最新推荐文章于 2025-09-24 15:12:22 发布
原创 最新推荐文章于 2025-09-24 15:12:22 发布 · 6.2k 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #蓝桥杯

本文针对从Vue-router 3.0.1版本迁移至4.0+版本过程中遇到的问题进行详细解析，特别是关于index.js和main.js文件中的语法变更。如果你正面临版本升级带来的挑战，本文将为你提供实用的解决策略。

1.首先看你vue中index.js和main。js的语法

因为我之前使用的是vue-router3.0.1的版本，现在是4.0.+的版本了，导致语法不支持，若是使用3.几的版本可以使用：
npm i vue-router@3.0.1
版本自己定（一定确定是存在的版本号）

附3.0.1语法：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

解决vue cli5 + vue2.x下出现export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘问题
News777的博客
03-08 4092
报错内容 export 'default' (imported as 'VueRouter') was not found in 'vue-router' (possible exports: NavigationFailureType, RouterLink, RouterView, START_LOCATION, createMemoryHistory, createRouter, createRouterMatcher, createWebHashHistory, createWebHistory
vue路由报错：138-17 export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
04-29 869
版本对应：vue2搭配vue-router3vue3搭配vue-router4
vue项目报错export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘ (possible exports: BaseTransition
最新发布
肖肖肖丽珠的博客
09-24 369
在vue3的项目中使用了vue2的语法。
Vue配置路由后启动报错：export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
明静致远
07-05 667
在package.json中可以看到Vue版本为2.6.14，vue-router版本为4.4.0。由于vue与vue-router版本不兼容导致异常。由于项目中使用vue2版本，所以安装vue-router时指定版本。main.js文件中也正确引入VueRouter包。
vue路由报错export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
南北极之间
04-21 4985
报错信息：问题分析： 我这里是用vue cli脚手架构建的vue2项目，安装的路由版本是4解决办法： 卸载这个不兼容的路由版本，重新安装对应的版本： 安装3版本： 最好就不会报错了。
解决cli4 - “export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
emgexgb_sef的博客
03-07 956
出现警告： "export ‘default’ (imported as ‘VueRouter’) was not found in ‘vue-router’ "export ‘default’ (imported as ‘Vue’) was not found in ‘vuer’ — 原因是cli4和cli3不太一样 需要引用相对应的使用的东西 改成 // import Vue from 'vue' // 不要引用整个Vue cli4默认创建是导入createApp方法 import { createAp
export ‘default‘ (imported as ‘Router‘) was not found in ‘vue-router‘ ...
weixin_42464106的博客
08-09 819
npm uninstall vue-router -S //卸载。npm i vue-router@版本号 -S //安装旧版本。默认 npm i vue-router -S安装的为最新版本。安装旧版本后，重启项目便不会报错了。vue-router的版本太高。vue报如上错误的话，因为。......
“export ‘createRouter‘ (imported as ‘VueRouter‘) was not found in ‘vue-route
weixin_46245846的博客
04-01 1295
"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 6136
问题： 运行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 '.
export ‘default‘ (imported as ‘VueRouter‘) was not found in‘vue-router 报错分析
a_bowl_rice的博客
03-12 4404
在项目运行时会报错“export ‘default‘ (imported as ‘VueRouter‘) was not found in。这是因为安装的时候默认安装最新版本可能与其他插件不兼容，重新安装旧版本即可，推荐使用稳定版本vue-router@3.5.2。‘vue-router‘` 主要是路由组件问题。这种报错存在两种原因。
解决export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘ 报错问题
HHHmagic的博客
07-18 9876
记录在撸前端代码时所遇到的问题
npm run dev 出现“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘问题
weixin_49973957的博客
03-13 1265
1.首先确定你的main.js里面是这样的 2.运行后出现错误 3.出现的问题可能是你的vue-rounter版本过高， 解决方案：你可以这样降低它的版本如图下操作 找到这个package.json，把里面的vue-rounter版本修改一下如上图，我改成了3.0.1就ok了 ...
“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘报错分析
热门推荐
编程教培一线讲师
10-10 1万+
报错分析
“export ‘default‘ (imported as ‘Router‘) was not found in ‘vue-router‘解决
weixin_54823522的博客
01-12 577
"export 'default' (imported as 'Router') was not found in 'vue-router' 解决
“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
m0_67266171的博客
03-02 747
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.
【vue】“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
欢迎来到C-Homes
12-10 2637
安装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
vue3+cli4运行项目报错export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
Sunny_lxm的博客
02-22 3541
vue3+cli4运行项目报错export 'default' (imported as 'VueRouter') was not found in 'vue-router'
Vue2 的export default (imported as VueRouter) was not found in ‘vue-router‘
weixin_73368873的博客
02-19 666
今天在测试路由功能的时候，发现了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‘
weixin_47295135的博客
07-13 1503
"export ‘default’ (imported as ‘VueRouter’) was not found in ‘vue-router’运行npm install vue-router --save-dev后，启动项目时出现报错 原因分析： 在输入npm install vue-router --save-dev安装时，自动默认安装的是最新版本，这就可能导致与其他插件不兼容，npm install vue-router@3.1.3 --save-dev...
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 ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值