Uncaught Error: [vue-router] invalid mode: Vue路由配置中模式错误。

最新推荐文章于 2024-11-25 22:00:00 发布
原创 最新推荐文章于 2024-11-25 22:00:00 发布 · 1.8k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #前端

博客详细解析了在Vue应用中遇到的路由配置错误问题，重点指出错误源于将`mode`的类型误写。根据官方文档，`mode`应为字符串类型。修复此错误后，应用恢复正常运行。文章适合Vue初学者及开发者参考。

出现此错误的原因是配置路由时模式配置错误。

vue中关于mode的官方文档如下：

出现此错误很可能是把mode的类型写错了，mode值是字符串类型。

修改后恢复正常。

 

 

马保林
关注
报错 | vue-router.esm.js?3423:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navig
不爱吃菜的菜菜的博客
07-27 2977
在点击同一个跳转路由的时候，点一下并没有报错，但是多点几下就会报错，看了网上的解决办法。但是不知道为什么，求各位大佬解答！
vue-router(3.5.1)源码梳理
Caristop3_走在前端这条大道上
04-09 3367
如何理解vue-router源码？ vue-router 源码分析 date: 2021-03-26 1. import Vue VueRouter 进来 2. 使用Vue.use(VueRouter) 来进行router的install -> 使用mixin混入每个组件钩子“beforeCreate”&“destroyed”
解决Vue项目运行时Uncaught Error: [vue-router] invalid mode: [object History]的问题
DangR_Jisoo的博客
03-10 3784
前两天写项目时，最终运行发现一个奇怪的问题，浏览器报出这样的错误：[vue-router] invalid mode: [object History]， 根据我们的经验，这应该不是组件创建，引用之类的相关问题，由vue-router可以看出是路由配置的问题，而且错误很明显，是mode:'history’的问题，但是当时脑子不太好使，history忘记加引号，这是一个字符串啊！！！ 问题成功解决！！！ ...
uniapp中出现Uncaught runtime errors
xvzhengyang的博客
07-22 848
项目中运行出现上面的错误信息，使用uniapp发现，其实我只是跨域了，控制台报错，但是不想屏幕上显示；错误信息也不想显示，可以将errprs也设置成false。解决办法是在vue.config.js增加如下配置即可。
【053】使用vue时Module build failed: TypeError: this._init is not a function错误的解决方法
zhangchao19890805的专栏
11-28 6万+
这个例子中Webpack的版本是2.1.0-beta.27。在这个版本中，loader不能用简写省去 -loader 的形式。
invalid mode 报错
useruser19900720的博客
12-04 6655
invalid mode 报错报错信息如下*** Assertion failure in -[GroupShadowTableView _dequeueReusableCellWithIdentifier:forIndexPath:usingPresentationValues:], /BuildRoot/Library/Caches/com.apple.xbs/Sources/UIKit_Sim
vue router 切换history模式 报错: Uncaught SyntaxError: Unexpected token ‘＜‘
qq_33918022的博客
03-30 727
history。
python IOError: invalid mode ('r') or filename
Dr.Liu的专栏
03-01 4977
我想要用pandas.read_table()将数据表中的数据读到一个pandas DataFrame对象中：import pandas as pd unames = [‘user_id‘, ‘gender‘, ‘age‘, ‘occupation‘, ‘zip‘] users = pd.read_table(‘C:\1M data\ml-1m\users.dat‘, sep=‘::‘, hea
Vue-router 报错NavigationDuplicated的解决方法
10-15
主要介绍了Vue-router 报错NavigationDuplicated的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
精选资源
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router使用webpackChunkName实现按需加载. BUG描述:该报错在项目上线一段时间后,有用户反映页面无法正常游览 (后面以问题1/问题2区分) 问题1.导航点击无法正常跳转,console...
若依Vue3解决：vue-router.mjs:1086 Uncaught Error: Route paths should start with axxx
最新发布
07-03
2.如何解决VueRouter中嵌套路由的路径问题？3.若依框架中侧边栏组件如何正确生成路由链接？4.如何规范化路由路径（去除多余斜杠、处理绝对路径和相对路径）？5. VueRouter4与VueRouter3的主要区别有哪些？针对 Vue3 ...
vue history模式 二级路由报错 Uncaught SyntaxError: Unexpected token ‘＜‘
ysj_121的博客
10-19 988
vue history模式 二级路由报错 Uncaught SyntaxError: Unexpected token ‘＜‘
invalid mode ('wb') or filename: xxx 报错解决方法
06-08 9342
在python2.7学习python + selenium + unittest+ HTMLTestRunner 生成html测试报告的路上 本人在执行py文件时，报错如下图： 经研究是因为代码里的时间戳格式写的有问题 “%H:%M%S” 中的：有问题 通过搜索, 找到了种解决办法, 可以将解压时含’:’的地方转换成’_’等正常的符号 运行OK 专注软件测试行业前景分析、测试...
Vue进阶（七十七）：vue 路由的两种模式：hash与history_vue创建中的history
2401_86637419的博客
09-07 812
方法，源码的最下面，就暴露出来这两个方法。很显然这两种方法都是对不同模式下的方法的封装，本质还是执行的对应模式上的方法。属性是什么，组件本身是没有定义这个属性的，那么这个属性从哪里来的呢？（这里app是组件实例，apps是所有组件实例一个数组)。记录增加了，如何更新视图呢？接着看父类History中。值变化之后，浏览器访问历史中就会增加一个记录。函数, 再接着看cb函数，这个函数中有一个。更新路由函数，这个函数中执行了。属性，并且将匹配的路由。
vue-router 采坑记录
Q1761991696的专栏
10-12 2680
一、错误：Uncaught Error: [vue-router] route config "component" for path: /detail cannot be a string id. Use an actual component instead. 解决方案：路由配置中 import Detail from './components/detail.vue'; const routers = [ ...... { path:'/detail', ...
Vue 路由模式深度解析：Hash 、 History
weixin_42498594的博客
11-25 2821
通过使用 history.pushState() 和 replaceState() 这两个 API，我们可以在不重新加载页面的情况下修改浏览器的历史记录栈，从而改变当前地址栏的 URL。一个显著的特点是，在 Hash 模式下，页面的切换不会导致完整页面的重新加载。仅仅通过改变 URL 中的 Hash 部分，前端可以实现页面内容的动态更新，这有助于提供更流畅的用户体验，特别适用于单页面应用（SPA）。通过监听 hashchange 事件，我们可以捕获到 URL 的 Hash 部分的变化。
vue-router(hash模式)常见问题以及解决方法
zhang_fox的博客
05-03 2万+
### 问题一：```// 动态路由/detail/:id```动态路由跳转的时候，页面是不刷新的，相信很多人都遇到了相同的问题> ### 解决方法在全局的router-view组件上设置一个key值，此key值为一个时间戳或者随机字符，对于keep-alive的组件不做这个处理。### 问题二：``` router.go(0)```这种写法本质上是想达到刷新当前页面的目的，但是在一些浏览器...
vue项目中 Uncaught (in promise) Error 解决
热门推荐
weixin_59519449的博客
03-20 7万+
背景： 经过： 在 出现这个错误的时候，我起初一直总觉的是 请求接口的错误，或者数据请求报错！！！ 当我看过之后并没有报错 ，其次又看控制台显示得报错Uncaught (in promise) Error在login页面得69 行，后来看了看并没错，于是乎，就百度了一下，看到错误还是报错，和我错误不匹配 于是，我就请教了一下，同事，强哥；它帮在login 页面逐一打印，res 值了什么得都有!!!
2021/5/13 报错 Uncaught Error: [vue-router] “path“ is required in a route configuration.
Mark7_的博客
05-13 1398
报错 原因 在router.js配置路由时，不能写空{},在程序里写了空{}是不报错的，运行是扫描{}中没有path时会报错 正确写法应当删除掉多的{} 然后运行正常
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值