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

最新推荐文章于 2023-12-20 15:17:34 发布
最新推荐文章于 2023-12-20 15:17:34 发布
阅读量421 收藏
点赞数
文章标签： vue.js 前端 javascript es6 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/div_king/article/details/125538505
版权

明明下载了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
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
解决vue3 route添加自定义属性报错问题
qq_45970524的博客
04-04 325
重点在添加的interface属性中， 把要添加的自定义属性写入在下边并且声明类型。
vue3 新增路由对象或者是属性类型后报错
qq_37656005的博客
01-13 6936
问题描述：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 2956
在页面元素绑定跳转路由跳转是常用的功能。然后今天在methods中直接使用$router则报错[Vue warn]: Error in v-on handler: "ReferenceError: $router is not defined
Vue Cil3 报错 error ‘router‘ is defined but never used ✖ 1 problem (1 error, 0 warnings)
weixin_45865992的博客
10-20 1572
学习Vue Cli 3的时候，刚开始就报了这个错误，找了半天后来才发现 代码全部放在了路由配置的main.js文件里，router没有定义，使用的时候报undefined 解决方法： 把router.beforeEach放在main.js里面 好啦，解决啦！ 欢迎小白一起进步呀！！！！ ...
vue-router两种模式区别及使用注意事项详解
10-16
const router = new VueRouter({ mode: 'history', routes: [ { path: '*', component: NotFoundComponent } ] }); ``` 这段代码创建了一个使用`history`模式的Vue Router，并设置了一个通配符路由`*`，当匹配不...
vue.js vue-router如何实现无效路由(404)的友好提示
10-18
在构建Vue.js应用程序时，Vue Router作为官方的路由管理库，是不可或缺的一部分。它使得页面间的导航变得简单，同时也提供了一种优雅的方式来处理无效或未定义的路由。本篇文章将探讨如何在Vue Router中实现对无效...
vue-router 控制路由权限的实现
10-14
Vue Router 是 Vue.js 应用中的官方路由管理库，它允许我们定义和管理应用的路由。在实际项目中，为了确保用户只能访问他们被授权的页面，我们需要实施路由权限控制。以下将详细介绍如何使用 Vue Router 来实现这一...
Vue路由管理器Vue-router的使用方法详解
10-15
Vue-router 是Vue.js应用中的重要组件，用于管理应用程序的路由，使得页面间的切换变得简单而优雅。本篇文章将深入探讨Vue-router的使用方法，帮助开发者更好地理解和应用。 首先，我们来了解一下`<router-link>`...
【前端笔记 】vue-router获取所有路由getRoutes()调用报错_router.default.getRoutes is not a function
向着光芒的女孩
06-20 9375
调用getRoutes方法报错_router.default.getRoutes is not a function
在vue3的setup语法糖中为什么无法直接使用useRouter().currentRoute
最新发布
byebukesi的博客
12-20 1010
如果在组件内部需要访问当前路由的信息，最佳实践是使用 const router = useRouter();来获取路由实例，然后通过 router.currentRoute 或其他属性来访问路由信息。这样可以确保在路由实例被正确初始化后再去访问路由信息，避免可能的未定义错误。
vue3在自定义hooks中使用userRoute结果为undefined,如何在自定义hooks中使用userRoute
Lucky_girl_wan的博客
09-09 6893
vue3.0中在setup中使用路由 import { defineComponent } from 'vue' import { useRoute, useRouter } from "vue-router" export default defineComponent({ const route = useRoute() const router = useRouter() console.log(route.query.id) router.push(
vue-router如何把未定义过的路由显示成指定页面
weixin_45890764的博客
04-18 1018
场景：用户自己在地址栏中输入，未配置过的路由，如果我们没有设置什么的话，用户看到的是一个空白界面，解决办法如下： 在routes里边写下面这个路由 { path:"*", redirect:"/home" } tips:这个/home就是你想让输错的用户跳转的页面。我理解的path："*"有点else的味道，还有什么其他好的办法，辛苦评论！！！ ...
解决Vue 2.0 安装 vue-router 不成功问题
weixin_43120290的博客
05-17 881
报错信息： vue 解决办法： 这是因为 npm i vue-router 默认下载的是 vue3.0 版本对应的， 这里需要指定下载版本 npm i vue-router@3.2.0
Vue ‘router‘ is not defined
weixin_43847762的博客
07-26 1万+
‘router’ is not defined 原因：在index.js中未定义router 解决办法：router放入main.js
【Vue】安装vue-router后运行报错 “export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
Owen的博客
10-24 1260
"export 'default' (imported as 'VueRouter') was not found in 'vue-router'
学习vue-router遇到问题
xuexixuexien的博客
07-22 282
使用vue-cli 2.0版本创建的项目， 已经配置好vue-router，在浏览器中测试时却一直报错： 尝试了无数种办法后，仍无解，最后才发现原来是在入口文件main.js中的vue实例中的router属性写错了，写成了routers。 ...
vue常见错误解决
热门推荐
编译的阿喵
06-10 8万+
Error in render: “TypeError: Cannot read property ‘list’ of undefined” [Vue warn]: Property or method “message” is not defined on the instance but referenced during render. Make sure that this proper...
vue-router.esm.js?8c4f:2257 ReferenceError: _hmt is not defined at eval (permission.js?223d:15) at iterator (vue-router.esm.js?8c4f:2300) at step (vue-router.esm.js?8c4f:1947) at runQueue (vue-router.esm.js?8c4f:1955) at HTML5History.confirmTransition (vue-router.esm.js?8c4f:2330) at HTML5History.transitionTo (vue-router.esm.js?8c4f:2203) at VueRouter.init (vue-router.esm.js?8c4f:2923) at Vue.beforeCreate (vue-router.esm.js?8c4f:1271) at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854) at callHook (vue.runtime.esm.js?2b0e:4219) abort @ vue-router.esm.js?8c4f:2257 vue.runtime.esm.js?2b0e:8429 Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools :8000/CLodopfuncs.js?priority=1:1 Failed to load resource: net::ERR_CONNECTION_REFUSED :18000/CLodopfuncs.js?priority=0:1 Failed to load resource: net::ERR_CONNECTION_REFUSED 如何解决
07-14
这些错误信息是关于Vue Router和Vue的一些问题。首先，关于`ReferenceError: _hmt is not defined`错误，它指出 `_hmt` 在 `permission.js` 的第15行未定义。解决方法可能是确保在使用 `_hmt` 变量之前将其正确定义...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值