明明下载了vue-router报未定义？

最新推荐文章于 2023-12-20 15:17:34 发布
最新推荐文章于 2023-12-20 15:17:34 发布
阅读量574 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： vue.js 前端 javascript es6 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/div_king/article/details/125538505
在尝试创建vue-router实例时遇到错误，问题源于vue-router版本过高（4.0.16）。解决方案是将vue-router版本降低到3.2.0，确保与vue（2.6.14）版本兼容。修改package.json文件以确认降级后的版本。

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

明明下载了vue-router报未定义？

在使用vue:"^2.6.14"版本 创建vue-router实例的时候报了一下的错误

我这里装的vue-router版本 “vue-router”: “^4.0.16”

在这里插入图片描述

只要降低vue-router的版本就行了 （vue-router@3.2.0） 其他版本可以自行尝试

降完版本别忘了去pakeage.json里查看降低过后的版本号

在这里插入图片描述

div_king
关注
Python全栈（六）项目前导之11.Vue-Router的使用
CUFEECR的博客
04-06 2788
在路由规则中，可以用*匹配404页面错误，可以匹配两类错误（地址错误和参数错误）。如果在一个路由视图下还有不同的视图，需要用到嵌套路由，在children属性中添加，并构建对应的link和view。如果需要用JS修改页面跳转，需要用到编程式导航，即push方法，还可以用go(n)在记录中前进或者后退指定步数，通过push传参时有两种形式，对应有不同的传递方式。在routes配置中给某个路由设置名称；想要同时展示多个视图可以在组件定义时实现映射。重定向通过redirect完成，还可以给重定向的路由命别名。
Vue全家桶之vue-router
yuan_me_da的博客
02-23 254
目录 路由安装及配置 传参 query params 导航 this.$router 嵌套路由 路由守卫 前端路由模式hash和history 两种模式的实现原理 两种模式的区别 关于history模式下404的解决方案 vue-router原理剖析 路由安装及配置 总结插件使用： 安装 vue add router 选项配置 new VueRouter({ r...
Vite + Vue3 +TS 项目router配置踩坑记录! ===＞“找不到模块“vue-router”或其相应的类型声明。“＜===
maohe的博客
07-28 1万+
记录使用vite + vue3 + ts 配置路由遇到的坑和解决方案。
【Vue】安装vue-router后运行报错 “export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
Owen的博客
10-24 1357
"export 'default' (imported as 'VueRouter') was not found in 'vue-router'
Vue Cil3 报错 error ‘router‘ is defined but never used ✖ 1 problem (1 error, 0 warnings)
weixin_45865992的博客
10-20 1937
学习Vue Cli 3的时候，刚开始就报了这个错误，找了半天后来才发现 代码全部放在了路由配置的main.js文件里，router没有定义，使用的时候报undefined 解决方法： 把router.beforeEach放在main.js里面 好啦，解决啦！ 欢迎小白一起进步呀！！！！ ...
vue-router如何把未定义过的路由显示成指定页面
weixin_45890764的博客
04-18 1128
场景：用户自己在地址栏中输入，未配置过的路由，如果我们没有设置什么的话，用户看到的是一个空白界面，解决办法如下： 在routes里边写下面这个路由 { path:"*", redirect:"/home" } tips:这个/home就是你想让输错的用户跳转的页面。我理解的path："*"有点else的味道，还有什么其他好的办法，辛苦评论！！！ ...
解决Vue 2.0 安装 vue-router 不成功问题
weixin_43120290的博客
05-17 976
报错信息： vue 解决办法： 这是因为 npm i vue-router 默认下载的是 vue3.0 版本对应的， 这里需要指定下载版本 npm i vue-router@3.2.0
使用vue-router在Vue页面之间传递数据的方法
10-16
本文主要探讨了在Vue.js框架中，如何使用vue-router插件在不同页面之间传递数据。我们知道，在构建Web应用时，经常需要从前一个页面向后一个页面传递数据，尤其是在遵循master-detail模式的应用中，此模式下，用户...
vue3静态路由配置报错 No match found for location with path "/demo/autoForm" warn @ vue-router.js?v=31fb546a:44 resolve @ vue-router.js?v=31fb546a:2220 pushWithRedirect @ vue-router.js?v=31fb546a:2285 pushWithRedirect @ vue-router.js?v=31fb546a:2292 push @ vue-rou
最新发布
04-03
首先，我应该回忆一下相关的Vue Router知识以及用户提供的引用内容。 用户提到的错误通常是由于路由配置不正确或缺少对应的路由规则。根据引用[1]，当路由路径没有匹配时，需要添加一个404通配路由。引用[2]和[3]...
vue.js vue-router如何实现无效路由(404)的友好提示
10-18
在构建Vue.js应用程序时，Vue Router作为官方的路由管理库，是不可或缺的一部分。它使得页面间的导航变得简单，同时也提供了一种优雅的方式来处理无效或未定义的路由。本篇文章将探讨如何在Vue Router中实现对无效...
Vue路由管理器Vue-router的使用方法详解
10-15
Vue-router 是Vue.js应用中的重要组件，用于管理应用程序的路由，使得页面间的切换变得简单而优雅。本篇文章将深入探讨Vue-router的使用方法，帮助开发者更好地理解和应用。 首先，我们来了解一下`<router-link>`...
router导航守卫
Anna_Liqi的博客
10-26 336
Vue-router Vue-router-全局导航守卫: beforeEach() 跟 afterEach()是全局守卫，只要跳转就会调用这两个函数 1、beforeEach()： 前置守卫（guard）: #全局导航守卫应用： 动态修改网页的标题？ beforeEach函数的使用， 当然我们也可以在每个vue页面实现create(){document.title="首页"}，页面太多无法维护，所以使用导航守卫, 前置钩子beforeEach()，就是路由跳转回调，跳转之前就把标题给改掉。 {
vue3 新增路由对象或者是属性类型后报错
qq_37656005的博客
01-13 7981
问题描述：vue3 新增路由对象或者是属性类型后，会报错，vue3源码里没有定义这个属性 TS2322: Type ‘{ path: string; name: string; hidden: false; component: () => Promise<typeof import("*.vue")>; }’ is not assignable to type ‘RouteRecordRaw’. Object literal may only specify known properties
vue3报错“ Uncaught TypeError: Cannot read property ‘use‘ of undefined”
热门推荐
菜鸟的博客
04-12 3万+
在跟着视频学习用vue配置路由时，在路由文件中使用Vue.use(router)的语句无法正常启动服务，并且浏览器报错，提示‘use’并未定义；看了一下，如下图，vue中没有use（）这个方法 经过查找资料后发现，这种加载vue-router的方式是vue2使用的，但我现在用的是vue3（跟着视频创建项目时老师说vue3更新的东西也不会对我们的项目产生什么影响之类的，喜新厌旧的我就直接用了vue3，导致和课程配置不一样了）。因此，我现在需要使用vue3的方式来导入vue-router。 首先，在路由
$router没有定义的问题
qq_23257451的博客
07-20 3398
在页面元素绑定跳转路由跳转是常用的功能。然后今天在methods中直接使用$router则报错[Vue warn]: Error in v-on handler: "ReferenceError: $router is not defined
Vue3 useRoute 和 useRouter 返回 undefined
qq_46199553的博客
09-19 4309
Vue3 useRoute 和 useRouter 返回 undefined
【前端笔记 】vue-router获取所有路由getRoutes()调用报错_router.default.getRoutes is not a function
向着光芒的女孩
06-20 1万+
调用getRoutes方法报错_router.default.getRoutes is not a function
在vue3的setup语法糖中为什么无法直接使用useRouter().currentRoute
byebukesi的博客
12-20 1546
如果在组件内部需要访问当前路由的信息，最佳实践是使用 const router = useRouter();来获取路由实例，然后通过 router.currentRoute 或其他属性来访问路由信息。这样可以确保在路由实例被正确初始化后再去访问路由信息，避免可能的未定义错误。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值