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

最新推荐文章于 2023-12-20 15:17:34 发布

原创最新推荐文章于 2023-12-20 15:17:34 发布 · 597 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript #es6 #前端框架

在尝试创建vue-router实例时遇到错误，问题源于vue-router版本过高（4.0.16）。解决方案是将vue-router版本降低到3.2.0，确保与vue（2.6.14）版本兼容。修改package.json文件以确认降级后的版本。

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

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

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

在这里插入图片描述

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

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

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

div_king

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

使用vue-router在Vue页面之间传递数据的方法

10-16

本文主要探讨了在Vue.js框架中，如何使用vue-router插件在不同页面之间传递数据。我们知道，在构建Web应用时，经常需要从前一个页面向后一个页面传递数据，尤其是在遵循master-detail模式的应用中，此模式下，用户...

vue3 新增路由对象或者是属性类型后报错

qq_37656005的博客

01-13

8179

问题描述：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

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

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。首先，在路由

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

1385

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

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

yntaxError: "undefined" is not valid JSON at JSON.parse (<anonymous>) at index.js:77:25 at vue-router.js?v=d56c1df4:1558:52 at runWithContext (vue-router.js?v=d56c1df4:1533:83) at vue-router.js?v=d56c1df4:1558:25 at new Promise (<a

07-07

这种情况常见于前端框架如 Vue.js 中使用 `JSON.parse()` 方法时传入了无效或未定义的数据。 ### 常见原因及解决方案 1. **输入值为 `undefined` 或 `null`** - 如果尝试解析的变量是 `undefined` 或 `null`，则...

Uncaught (in promise) Error: No match for {"name":"TestingTaskRecordDetail","params":{"taskId":"1925124626728501250","recordId":"1925124626728501250"},"query":{"projectId":"4"}} at createRouterError (vue-router.js?v=d2f198e2:606:19) at Object.resolve (vue-router.js?v=d2f198e2:1060:15) at resolve (vue-router.js?v=d2f198e2:2278:34) at pushWithRedirect (vue-router.js?v=d2f198e2:2358:46) at Object.push (vue-router.js?v=d2f198e2:2326:12) at Proxy.handleRowAction (index.vue:286:14) at onClick (index.vue:397:11)

05-28

好的，我现在需要帮助用户解决Vue Router中出现的“Nomatch for”错误。首先，用户提供的错误信息显示在尝试导航到某个路由时，路由无法匹配。错误信息中的路由名称为“TestingTaskRecordDetail”，并且带有params和...

最新发布

09-03

错误涉及组件如 , , , ，以及文件 vue-router.js 和 element-plus.js。用户提供的引用是： - 引用[1]：讨论了 Vue 3 警告 "Unhandled error during execution of scheduler flush"，可能出现在页面切换、刷新、...

Vue Cil3 报错 error ‘router‘ is defined but never used ✖ 1 problem (1 error, 0 warnings)

weixin_45865992的博客

10-20

1961

学习Vue Cli 3的时候，刚开始就报了这个错误，找了半天后来才发现代码全部放在了路由配置的main.js文件里，router没有定义，使用的时候报undefined 解决方法：把router.beforeEach放在main.js里面好啦，解决啦！欢迎小白一起进步呀！！！！ ...

vue-router如何把未定义过的路由显示成指定页面

weixin_45890764的博客

04-18

1148

场景：用户自己在地址栏中输入，未配置过的路由，如果我们没有设置什么的话，用户看到的是一个空白界面，解决办法如下：在routes里边写下面这个路由 { path:"*", redirect:"/home" } tips:这个/home就是你想让输错的用户跳转的页面。我理解的path："*"有点else的味道，还有什么其他好的办法，辛苦评论！！！ ...

解决Vue 2.0 安装 vue-router 不成功问题

weixin_43120290的博客

05-17

1000

报错信息： vue 解决办法：这是因为 npm i vue-router 默认下载的是 vue3.0 版本对应的，这里需要指定下载版本 npm i vue-router@3.2.0

Vue全家桶之vue-router

yuan_me_da的博客

02-23

269

目录路由安装及配置传参 query params 导航 this.$router 嵌套路由路由守卫前端路由模式hash和history 两种模式的实现原理两种模式的区别关于history模式下404的解决方案 vue-router原理剖析路由安装及配置总结插件使用：安装 vue add router 选项配置 new VueRouter({ r...

router导航守卫

Anna_Liqi的博客

10-26

383

Vue-router Vue-router-全局导航守卫: beforeEach() 跟 afterEach()是全局守卫，只要跳转就会调用这两个函数 1、beforeEach()：前置守卫（guard）: #全局导航守卫应用：动态修改网页的标题？ beforeEach函数的使用，当然我们也可以在每个vue页面实现create(){document.title="首页"}，页面太多无法维护，所以使用导航守卫, 前置钩子beforeEach()，就是路由跳转回调，跳转之前就把标题给改掉。 {

$router没有定义的问题

qq_23257451的博客

07-20

3492

在页面元素绑定跳转路由跳转是常用的功能。然后今天在methods中直接使用$router则报错[Vue warn]: Error in v-on handler: "ReferenceError: $router is not defined

Vue3 useRoute 和 useRouter 返回 undefined

qq_46199553的博客

09-19

4403

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

1669

如果在组件内部需要访问当前路由的信息，最佳实践是使用 const router = useRouter();来获取路由实例，然后通过 router.currentRoute 或其他属性来访问路由信息。这样可以确保在路由实例被正确初始化后再去访问路由信息，避免可能的未定义错误。