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

原创 于 2024-04-29 09:17:18 发布 · 862 阅读 · 6 ·
CC 4.0 BY-SA版权
懒羊羊
文章标签：

#vue.js #rust #前端 #javascript #ecmascript

文章讲述了在Vue项目中遇到的vue-router版本不匹配报错，通过检查安装的版本、更新到兼容的vue-router3.6.6以及处理SASS加载器问题，最终解决了开发环境启动错误。

vue路由报错：13:8-17 "export ‘default’ (imported as ‘VueRouter’) was not found in ‘vue-router’

1. 报错页面

执行npm run dev命令后出现如下报错

image-20240426210539161

2. 分析问题

终端安装的vue版本和vue-router版本不兼容引起的

vue-router 是一个插件包，我们需要用 npm/cnpm 来进行安装的。打开命令行工具，进入你的项目目录，输入下面命令，我本地使用vue cli脚手架构建的是Vue2项目，而安装的路由版本默认是最新版本Vue4+

记录全流程创建vue工程安装饿了么

// 创建一个名为lanyy_vue的工程 一路no
vue intit webpack lanyy_vu
最低0.47元/天 解锁文章
解决vue cli5 + vue2.x下出现export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘问题
News777的博客
03-08 4088
报错内容 export 'default' (imported as 'VueRouter') was not found in 'vue-router' (possible exports: NavigationFailureType, RouterLink, RouterView, START_LOCATION, createMemoryHistory, createRouter, createRouterMatcher, createWebHashHistory, createWebHistory
Vue配置路由后启动报错：export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
最新发布
明静致远
07-05 664
在package.json中可以看到Vue版本为2.6.14，vue-router版本为4.4.0。由于vue与vue-router版本不兼容导致异常。由于项目中使用vue2版本，所以安装vue-router时指定版本。main.js文件中也正确引入VueRouter包。
“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
m0_67266171的博客
03-02 742
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.
解决cli4 - “export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
emgexgb_sef的博客
03-07 954
出现警告： "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
vue-router报错：export ‘default‘ (imported as ‘vueRouter‘) was not found in ‘vue-router‘
sherlyxoxo的博客
07-21 2562
vue-router Cannot read properties of undefined (reading 'install')
【vue】“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
欢迎来到C-Homes
12-10 2636
安装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‘
web15085181368的博客
02-23 6133
问题： 运行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 ‘createRouter‘ (imported as ‘VueRouter‘) was not found in ‘vue-route
weixin_46245846的博客
04-01 1292
"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
“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘报错分析
热门推荐
编程教培一线讲师
10-10 1万+
报错分析
export ‘default‘ (imported as ‘VueRouter‘) was not found in‘vue-router 报错分析
a_bowl_rice的博客
03-12 4392
在项目运行时会报错“export ‘default‘ (imported as ‘VueRouter‘) was not found in。这是因为安装的时候默认安装最新版本可能与其他插件不兼容，重新安装旧版本即可，推荐使用稳定版本vue-router@3.5.2。‘vue-router‘` 主要是路由组件问题。这种报错存在两种原因。
Vue2 的export default (imported as VueRouter) was not found in ‘vue-router‘
weixin_73368873的博客
02-19 664
今天在测试路由功能的时候，发现了npm安装路由引入失败的问题的的export 'default' (imported as 'VueRouter') was not found in 'vue-router'，最后发现是因为npm直接安装的router版本为4但是我使用的为vue2，所以我直接降级到router3。
vue路由报错export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
南北极之间
04-21 4979
报错信息：问题分析： 我这里是用vue cli脚手架构建的vue2项目，安装的路由版本是4解决办法： 卸载这个不兼容的路由版本，重新安装对应的版本： 安装3版本： 最好就不会报错了。
vue3+cli4运行项目报错export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
Sunny_lxm的博客
02-22 3538
vue3+cli4运行项目报错export 'default' (imported as 'VueRouter') was not found in 'vue-router'
解决- “export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
qq_49446857的博客
02-24 8161
出现这个报错常见的有两种情况， 第一种cli4和cli3不太一样 需要引用相对应的使用的东西， 第二种是vue-router版本太高， 本文就第二种情况进行讨论 这种情况一般是运行npm install vue-router --save-dev 后启动报错，这是因为安装的时候默认安装最新版本可能与其他插件不兼容，重新安装旧版本即可 命令：cnpm install vue-router@+版本号 --save-dev 实例：cnpm install vue-router@3.1.3--save.
解决报错：“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
青春木鱼的博客
07-10 2384
用npm run serve运行vue项目时，出现报错："export 'default' (imported as 'VueRouter') was not found in 'vue-router'
export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
renx的专栏
08-26 1096
importVueRouterfrom'vue-router' 改为 ​​​​​​​import * as VueRouter from 'vue-router'
解决export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘ 报错问题
HHHmagic的博客
07-18 9873
记录在撸前端代码时所遇到的问题
export ‘default‘ (imported as ‘Router‘) was not found in ‘vue-router‘ ...
weixin_42464106的博客
08-09 817
npm uninstall vue-router -S //卸载。npm i vue-router@版本号 -S //安装旧版本。默认 npm i vue-router -S安装的为最新版本。安装旧版本后，重启项目便不会报错了。vue-router的版本太高。vue报如上错误的话，因为。......
9:19-25 "export 'default' (imported as 'Router') was not found in 'vue-router'
09-01
在你的问题中提到了一个错误信息："export 'default' (imported as 'Router') was not found in 'vue-router'。这个错误通常出现在你的Vue项目中使用了旧版本的Vue Router插件，而在你的代码中使用了不兼容的语法。根据引用和引用，这个错误可能是由于你的代码中导入的VueRouter对象使用了错误的名称。实际上，正确的名称应该是'VueRouter'而不是'Router'。你可以尝试修改你的代码中的VueRouter导入语句，将'Router'修改为'VueRouter'。如果还没有解决问题，你可以尝试根据引用中的建议，卸载并重新安装旧版本的vue-router插件，例如vue-router@3.5.2。另外，通过查看你的依赖版本可以使用"npm list"或"yarn list"命令来查看你所安装的依赖的版本号。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [解决报错：“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router](https://blog.csdn.net/sunyctf/article/details/129239632)[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: 100%"] [ .reference_list ]
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

会撸代码的懒羊羊

打赏5元，买杯咖啡醒，继续创作

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值