[Vue Router warn]: Component “default“ in record with path “/demo2“ is a function that does not retu

最新推荐文章于 2024-05-31 11:48:22 发布
最新推荐文章于 2024-05-31 11:48:22 发布
阅读量789 收藏
点赞数
分类专栏： BUG记录 文章标签： vue.js 前端 vue-router 路由配置
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42365534/article/details/129713700
版权

问题描述

今天在使用vue-router的路由跳转的时候，发现怎么弄都跳转不了，报错如下图：
在这里插入图片描述

问题解决

发现是自己粗心大意，配置路由的时候多写了一个 箭头函数，导致返回的是个promise 。。。。
在这里插入图片描述

编程小龙
关注
专栏目录
vue3 - vueRouter4 路由导致警告报错 [Vue Router warn] No match found for location with path “x“（vue3+router4）
高级前端工程师
05-08 3772
vue3，router4，路由，报错，警告，vue-router4路由，vue3路由出现警告，vue-roter4实现动态加载路由，权限动态设置路由，动态路由，刷新页面报错，跳转页面警告，VueRouter4， [Vue Router warn] No match found for location with path，详解vue-router中matcher，详细解决方案，依旧无法解决一直报错，解决Vue3.0 页面刷新，vue3 addRoute 动态路由 页面刷新后 路由失效，addRoute，浏览
[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘getAttribute‘ of null“
热门推荐
郭宝的博客
06-24 11万+
错误场景一： 错误提示： 在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的，代码如下： // 基于准备好的dom，初始化echarts实例 var bar_dv = document.getElementById('bar_dv'); let myChart = this.$echarts.init(bar_dv) 解...
报错 Component “default“ in record with path “/“ is a Promise instead of a function that return ...
zihong2019的博客
06-16 1万+
vue3+vite2 抱错 vue-router.esm-bundler.js:72 [Vue Router warn]: Component “default” in record with path “/” is a Promise instead of a function that returns a Promise. Did you write “import(’./MyPage.vue’)” instead of “() => import(’./MyPage.vue’)” ? This
[Vue Router warn]: Component “default“ in record with path “/xx“ is a function that does not return
jclee95的个人博客
12-06 1万+
[debug日记] [Vue Router warn]: Component “default” in record with path “/xxx” is a function that does not return a Promise. If you were passing a functional component, make sure to add a “displayName” to the component. This will break in production if not fi
vue3出现Component “default“ in record with path “xxx“ is a function that does not return aPromise.
mmiaoChong的博客
07-07 7790
项目场景： Component "default" in record with path "/build-detail" is a function that does not return a Promise. If you were passing a functional component, make sure to add a "displayName" to the component. This will break in production if not fixed. 问题描述： 单
Vue 路由定义警告Component “default“ in record with path “/“ is a Promise
qq_39750019的博客
06-25 1万+
问题描述： Vue 路由定义错误警告 解决方案 component: import("…/views/index.vue") 改为 component: () => import(’…/views/index.vue’),
针对VUE3+TS+VUE-ROUTER4 出现[Vue Router warn]: No match found for location with path “/system/perm“
cenjihai的博客
05-19 3237
针对VUE3+TS+VUE-ROUTER4 出现[Vue Router warn]: No match found for location with path "/system/perm"的解决方案
[Vue Router warn]: No match found for location with path “xxxxx“
weixin_39962208的博客
09-21 1万+
控制台警告[Vue Router warn]: No match found for location with path "xxxxx"的处理办法
vue3 addRoute 页面刷新后 路由失效 [Vue Router warn] No match found for location with path
drnrrwfs的博客
03-01 4973
vue-router 4.0 取消了 addRouters 设置动态路由只能使用 addRouter 动态路由一般是从后端获取 然后经过数据格式处理 但在页面刷新后会出现一下警告： vue-router.esm-bundler.js6c02:71 [Vue Router warn]: No match found for location with path “/formlist/stepform/other” 但通过getRouters又能够获取到所有的异步路由 分析:页面刷新后由于是异步获取的原因
vue访问嵌套路由警告[Vue Router warn]: No match found for location with path““
最新发布
J14N的博客
05-31 383
访问嵌套路由警告：[Vue Router warn]: No match found for location with path""并且白屏不显示任何内容。
自定义组件时，编译报`Component is not found in path '...'`,路径设置也是正确的，
09-03 2万+
Component也已经设置了，路径也确定是正确的。结果死活报这个错。   原来，我把properties设置了字符串 properties:{ feedData:'' } 应该传入是一个Object，然后type指定是String ...
Vue路由
qq_43983934的博客
10-03 347
Vue路由 Vue路由简介 官方标配版： Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 CSS class 的链接 HTML5 历史模式或 hash 模式，在 IE9 中自动降级 自定义的滚动条行为 自我理解版： 能够使单页面的组件切换变得更加简单的路由配置 使各模
vue-router导入视图文件方式与打包参数的差异
Museions的开心博客
11-08 893
vue-cli-service在打包webpack项目时，由于vue router导入视图文件的写法不同，打包的参数npm run build:dev | npm run build:prod引起的页面展示差异，例如静态导入，异步导入等。
去除vue中相关警告语
qq_42853570的博客
05-23 867
去除vue中相关警告语 1.SweetAlert2插件警告：SweetAlert2: “setDefaults” & “resetDefaults” methods are deprecated in favor of “mixin” method and will be removed in the next major release. For new projects, use “mixin”. For past projects already using “setDefaults”, su
完美解决Vue3 页面刷新 [Vue Router warn]: No match found for location with path 警告
weixin_45952652的博客
06-13 1万+
由于vue3的动态路由问题导致刷新完页面会爆出问题，虽然不影响功能但非常影响心情，解决半天解决不掉，我也是找了好久解决方案，突然由次看到linkadmin的动态路由没有该问题，于是研究之后发现必须在路由注册时候添加好路由守卫功能。
[Vue Router warn]
weixin_41889234的博客
06-01 1712
[Vue Router warn] 关于defineAsyncComponent 使用的警告
已解决vue-router4路由报“[Vue Router warn]: No match found for location with path“
qq_45116869的博客
10-28 1万+
已解决：vue-router4动态加载的模式下，当我们在当前页面刷新浏览器时，会出现一个警告百度了很久基本上没解决方案，虽然只是警告但还是看着不爽，这个原因是刷新页面时请求路由为空，因为追加路由是在addRoute里做的，请求路由比addRoute早所以出现这问题。
Vue3+Router+Vite+Tauri打包后白屏问题，特别难定位的一个问题，谨记教训
06-16 1580
但是，结果真的让我很难受，我最终花了两天时间来定位一个问题，那就是在打包之后的安装程序，在电脑上安装之后，是一个白屏：控制台也没有任何输出信息，就是一个白屏，一直是白屏，我也是很无语啊。最后在艰难地花了两天时间，在各个组件中debug输出日志，然后才找到问题竟然是出在路由安装的问题上，路由一定要使用箭头函数的形式导入组件，否则，就会出现白屏效果！因为我在路由注册的时候，使用了直接注册的形式：所以报这个警告很正常，所以我就没太在意，警告内容如下：意思是应该使用箭头函数导入的形式引入组件。
main.js?t=1690455455601:7 [Vue Router warn]: Component "default" in record with path "/" is not a valid component. Received "HomeView".
07-28
这个警告是由 Vue Router 引发的，它指出在路径 "/" 的记录中，组件名字为 "default" 的组件无效，而接收到的是 "HomeView" 组件。这可能是由于组件名称错误或未注册导致的。请确保你正确命名并注册了正确的组件。你...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值