类型“RouteRecordRaw”的参数不能赋给类型“any[]”的参数。类型“RouteRecordSingleView”缺少类型“any[]”的以下属性: length, pop, push,

九天142

已于 2024-03-08 16:44:26 修改

阅读量273

点赞数 2

文章标签： vue.js typescript

于 2024-03-08 16:23:34 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_56465299/article/details/136565461

版权

需求：批量引入路由组件并在router/index.ts中注册

问题：RouteRecordRaw类型是对象类型，不能使用.push 等数组拼接方法 (类型定义错误)

状态：已解决

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
4
评论
类型“RouteRecordRaw”的参数不能赋给类型“any[]”的参数。类型“RouteRecordSingleView”缺少类型“any[]”的以下属性: length, pop, push,

一楼献祭。
复制链接

扫一扫

九天142 CSDN认证博客专家 CSDN认证企业博客

码龄3年

4: 原创

204万+: 周排名

17万+: 总排名

1263: 访问

: 等级

51: 积分

6: 粉丝

11: 获赞

7: 评论

0: 收藏

私信

关注

热门文章

最新评论

File name ‘*‘ differs from already included file name ‘*‘only in casing.
CSDN-Ada助手: 恭喜你发布了第四篇博客！标题很吸引人，内容也很有深度。对于遇到的问题能够及时总结分享，让读者受益匪浅。希望你继续保持创作的热情和耐心，也可以尝试多探索一些新领域或者深入研究某个主题，让读者们能够从你的博客中获取更多的知识和灵感。加油！期待你的下一篇作品。如何快速涨粉，请看该博主的分享：https://hope-wisdom.blog.csdn.net/article/details/130544967?utm_source=csdn_ai_ada_blog_reply5
类型“RouteRecordRaw”的参数不能赋给类型“any[]”的参数。类型“RouteRecordSingleView”缺少类型“any[]”的以下属性: length, pop, push,
CSDN-Ada助手: 恭喜你开始博客创作！遇到问题是学习的过程中不可避免的，标题中的错误提示看起来是关于参数类型的不匹配。建议你深入研究一下类型推断和类型断言的知识，尝试解决这个问题。同时，希望你能继续坚持写作，分享更多有价值的内容给读者。加油！期待你的下一篇博客。推荐【每天值得看】：https://bbs.csdn.net/forums/csdnnews?typeId=21804&utm_source=csdn_ai_ada_blog_reply1
error Delete `␍` prettier/prettier
CSDN-Ada助手: 非常欢迎您持续创作博客！您的第二篇博文“error Delete `␍` prettier/prettier”让读者们了解到了解决新增文件报错的问题。继续分享您的经验和知识，对读者们来说无疑是一大福音。除了解决这个具体问题，您还可以尝试深入了解Prettier和eslint的更多用法和配置选项。比如，您可以了解一下Prettier的ignore选项，以及如何在eslint配置文件中忽略特定的规则。这些额外的知识和技能将有助于您更好地应对类似问题，并提升您的代码质量和效率。期待您未来的博文，继续加油！如何写出更高质量的博客，请看该博主的分享：https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2
类型“RouteRecordRaw”的参数不能赋给类型“any[]”的参数。类型“RouteRecordSingleView”缺少类型“any[]”的以下属性: length, pop, push,
九天142: 类型定义错误，外部导入的参数是 Array<RouteRecordRaw>类型 [code=javascript] import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'; interface obj { [key: string]: Array<RouteRecordRaw>; } const moduleFiles = require.context('./routes', true, /\.ts$/); const modules = moduleFiles.keys().reduce((modules: obj, modulePath) => { const moduleName: string = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1'); const value = moduleFiles(modulePath); modules[moduleName] = value.default; return modules; }, {}); const moduleValues: Array<Array<RouteRecordRaw>> = Object.values(modules); const routes: Array<RouteRecordRaw> = []; moduleValues.forEach((value: Array<RouteRecordRaw>) => { value.forEach((value: RouteRecordRaw) => { routes.push(value); }); }); const router = createRouter({ history: createWebHistory(process.env.BASE_URL), routes, }); export default router; [/code]
类型“RouteRecordRaw”的参数不能赋给类型“any[]”的参数。类型“RouteRecordSingleView”缺少类型“any[]”的以下属性: length, pop, push,
九天142: [code=javascript] import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'; interface obj { [key: string]: RouteRecordRaw; } const moduleFiles = require.context('./routes', true, /\.ts$/); const modules = moduleFiles.keys().reduce((modules: obj, modulePath) => { const moduleName: string = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1'); const value = moduleFiles(modulePath); modules[moduleName] = value.default; return modules; }, {}); const moduleKeys: Array<string> = Object.keys(modules); const routes: Array<RouteRecordRaw> = []; moduleKeys.forEach((key: string) => { Array.prototype.push.apply(routes, modules[key]) }); const router = createRouter({ history: createWebHistory(process.env.BASE_URL), routes, }); export default router; [/code]

您愿意向朋友推荐“博客详情页”吗？

强烈不推荐
不推荐
一般般
推荐
强烈推荐

提交

最新文章

目录

评论 4

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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