uni-app、小程序项目,在分包后访问地址无法跳转,出现异常:RangeError: Maximum call stack size exceeded

这篇具有很好参考价值的文章主要介绍了uni-app、小程序项目,在分包后访问地址无法跳转,出现异常:RangeError: Maximum call stack size exceeded。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

使用uni-app开发小程序,由于微信小程序对代码包体积有大小限制,故分包处理,同时也做了分包预加载

分包后,一个点击事件,同一个跳转地址,在浏览器下正常跳转,在微信开发者工具内出现如下报错

出现异常:RangeError: Maximum call stack size exceeded

如图:
uni-app、小程序项目,在分包后访问地址无法跳转,出现异常:RangeError: Maximum call stack size exceeded,uniapp,uni-app,小程序
原因:很有可能是路由拦截错误导致堆栈溢出,或者分包路由找不到导致疯狂重定向

一个是路由哪儿的问题,一个是分包配置哪儿的问题

1.首先本人项目分包配置如下,注意root参数后的分包路径多了个/,实际是不能加/的

 "subPackages": [
        {
            "root": "pages/process/",
            "pages": [
                {
                    "path": "core/ProcessList",
                    "name": "ProcessList",
                    "style": {
                        "navigationBarTitleText": "流程列表"
                    }
                }
            ]
        }
    ]

2.路由初始化配置如下,当路由找不到路由地址重定向到404页面,且这里使用命名路由

const router = createRouter({
    platform: process.env.VUE_APP_PLATFORM,
    routes: [...ROUTES,
            {path: '*', redirect:(to)=>{return {name:'404'}}},
            ]
});

3.由于昨天刚好对pages.json文件进行动态生成配置,且忽略了name参数,且该name参数用于命名路由使用

module.exports = {
    baseUrl: 'pages/error/',
    children: [
        {
            path: '404',
            // name: '404',
            text: '404',
        },
    ]
}

4.结合如上错误配置,于是造成了如下异常信息:

VM2946 WAService.js:2 RangeError: Maximum call stack size exceeded
    at RegExp.C.n.configurable.h.get (VM2946 WAService.js:2)
    at RegExp.[Symbol.replace] (<anonymous>)
    at String.replace (<anonymous>)
    at u (vendor.js? [sm]:1)
    at f (vendor.js? [sm]:1)
    at vendor.js? [sm]:1
    at e (vendor.js? [sm]:1)
    at Object.e [as routesForMapRoute] (vendor.js? [sm]:1)
    at Object.t.queryPageToMap (vendor.js? [sm]:1)
    at Object.d [as navjump] (vendor.js? [sm]:1)(env: Windows,mp,1.05.2204250; lib: 2.24.6)

如果你的配置都是正常的,可以尝试:关闭微信开发者工具,重新在Hbuilder中编译运行到微信开发者工具(因为我这样试了一遍就正常了,,,,,)文章来源地址https://www.toymoban.com/news/detail-517948.html

到了这里,关于uni-app、小程序项目,在分包后访问地址无法跳转,出现异常:RangeError: Maximum call stack size exceeded的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uni-app的分包下小程序报错app.json: [“tabBar“][1][“pagePath“]: “xxxx“ need in [“pages“]

    如过项目没有采用分包,解决方案点这里 如果项目采用分包,pages.json的文件格式如下 项目运行起来, h5是可以 的,但 微信开发者工具报错 tabBar下的list需要在pages下面找 需要把tarBar的引入的页面放在pages文件夹, 其他分包的放在分包目录 运行项目,一切正常也可以跳转。

    2024年02月13日
    浏览(27)
  • uni-app分包预下载

    模块的二级页面,按模块处理成分包页面,有以下好处: 按模块管理页面,方便项目维护。 减少主包体积,用到的时候再加载分包,属于 性能优化 解决方案。 ::: tip 温馨提示 通过 VS Code 插件 uni-create-view 可以快速新建分包页面,自动配置分包路由。 ::: 分包预下载 当用户进

    2024年01月25日
    浏览(33)
  • uni-app之分包加载和按需注入

    因小程序有体积和资源加载限制,如果都放主包pages里面,一般项目肯定会超过2M,微信小程序的主包或者分包的大小是2M,总体积一共不能超过20M。 主包:即放置默认启动页面/TabBar 页面,以及一些所有分包都需用到公共资源/JS 脚本; 分包:则是根据开发者的配置进行划分

    2024年02月03日
    浏览(28)
  • uni-app:vue3 + uni-app 在微信小程序中无法使用app.component全局注册组件

    按上文中的代码执行后,会发现在微信小程序开发中全局注册的组件是无法显示的,这是uniapp的一个未解决bug, 在uniapp中出了可以通过vue实例的component方法注册全局组件外,uniapp支持另一种全局注册的方式,就是通过 easycom 扫描注册,步骤如下 easycom 的扫描流程是:通过代码

    2024年02月16日
    浏览(58)
  • uni-app小程序跳转其他小程序、获取目标小程序的页面地址

    一、小程序中跳转其他小程序 1、在manifest.json中的mp-weixin目录下添加配置(替换目标小程序appid) 2、在需要跳转的页面添加按钮点击事件,替换path以及传参 二、获取其他小程序页面地址 微信小程序中官方文档获取地址入口已经关闭不能用了(https://kf.qq.com/faq/180725biaAn21807

    2024年02月12日
    浏览(33)
  • uni-app开发小程序使用uni.chooseMedia选择图片,安卓手机无法选择图片

    一、在小程序中,选择图片并上传,是一个很常见的功能; 二、最近在开发中,使用 uni.chooseMedia 来做选择图片功能时,苹果手机是正常的,安卓手机打不开!!!代码如下: 就这点屁代码,苹果手机可以正常打开选择图片的功能,安卓手机没法打开!!! !!!! 我百思

    2024年02月16日
    浏览(32)
  • 快速使用uni-app搭建小程序项目

    HBuilder是uni-app官方团队专门定制的编辑器,它对Vue做了大量优化投入,且支持uni-app官方库Api的智能提示和推断,同时,我们也可以在通过编辑器快速的创建各种场景下的项目模板,总之HBuilder是用uni-app进行应用开发的首选编辑器,可以访问其官网进行下载安装,点击如下链接

    2024年02月15日
    浏览(38)
  • uni-app开发小程序以及项目部署流程

    作者也是刚开始接触小程序开发,本次小程序开发使用的uni-app,记录下小程序的开发过程。         作者使用的开发工具:HBuilder x、微信开发者工具。         详细步骤可参考uni-app官网-快速上手,下面简述下作者的使用过程:         1.在HBuilder X 中打开如下路径文件 - 新

    2024年02月09日
    浏览(40)
  • uni-app开发小程序:项目架构以及经验分享

    2022年的时候,公司为了快速完成产品并上线,所以选用微信小程序为载体;由于后期还是打算开发App;虽然公司有ios和Android,但是如果能一套代码打包多端,一定程度上可以解决成本;前端技术栈也是vue,在考察选择了uni-app。后来多个小程序项目都采用了uni-app开发,积累了

    2024年02月09日
    浏览(43)
  • 如何将各种小程序(微信小程序)项目转换为 uni-app 项目

    使用【miniprogram-to-uniapp】可以将微信小程序项目转为 uni-app 项目(新版本 HBuilderX 工具已经支持各种小程序转换插件) HBuilderX 插件地址:miniprogram-to-uniapp v2 - DCloud 插件市场 核心原理:使用 Babel 获取AST(词法分析),然后或使用 Babel 自带函数增删,或正则分析替换等等操作 支持的

    2024年02月04日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包