qiankun子应用中使用axios异步请求数据会报出超出最大调用队列大小 RangeError: Maximum call stack size exceeded

最新推荐文章于 2024-10-25 11:02:09 发布

原创最新推荐文章于 2024-10-25 11:02:09 发布 · 752 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js

用户在使用qiankun和axios在Vue3.0项目中遇到内存溢出问题，主服务通过vite打包后访问子应用失败。更换为vite-plugin-legacy-qiankun插件后问题得到解决。

qiankun 子应用发送axios请求报错内存溢出。子应用单独运行没问题

子服务： vue3.0+vite + ts +

vite-plugin-qiankun

主服务： vue3.0+vite + ts

由于qiankun暂不支持vite ，引用的一个vite-plugin-qiankun 插件，后来打包后通过主服务访问一直报错，导致样式都加载不出来，网上也找不到解决办法。后来是换了一个

vite-plugin-legacy-qiankun
插件，就好使了。

发帖记录一下问题。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

mantou_o_o

关注关注

0
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

qiankun主应用注册子应用提示跨域，如何解决？？

**My Coding Family**

08-11

1438

🏆本文收录于《优快云问答解惑-专业版》专栏，主要记录项目实战过程中的Bug之前因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由🚀；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！

qiankun主应用可实现动态获取、协商和切换子应用版本

最新发布

m0_51429350的博客

04-11

931

微前端应用的子应用都是分开发布部署的，那么必然涉及微前端架构中的版本管理，在运行时动态加载不同版本的子应用，以及如何协调不同版本之间的兼容性。

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

jeecg前端vue3 qiankun子应用配置

m0_49385985的博客

03-21

886

为了保证子应用的弹框样式可以正常加载需要在App.vue中配置Antd全局换配置。因为作者在0.0.8版本之后修改了打包方式，所以不能是高版本。打包要选择直接使用@vitejs/plugin-legacy。由于qiankun官方不支持vite，所以我们引用插件。名称最好不要和主应用一致。选择使用hash路由模式。主应用中样式隔离方案选择。

微前端qiankun vue3子应用兼容低版本浏览器、解决子应用静态资源404问题

weixin_42508580的博客

10-25

734

qiankun vue3子应用兼容低版本浏览器

vite-plugin-qiankun:保留vite es特性，快速接入乾坤微前端子应用

08-04

简介 vite-plugin-qiankun: 帮助应用快速接入乾坤的vite插件保留vite构建es模块的优势一键配置，不影响已有的vite配置快速开始 1、在 vite.config.ts 中安装插件 // vite.config.ts import qiankun from 'vite-plugin-qiankun'; export default { // 这里的 'myMicroAppName' 是子应用名，主应用注册时AppName需保持一致 plugins: [qiankun('myMicroAppName')], // 生产环境需要指定运行域名作为base base: 'http://xxx.com/' } 2、在入口文件里面写入乾坤的生命周期配置 // main.ts import { renderWithQiankun, qiankunWindow

Error in render: “RangeError: Maximum call stack size exceeded“

兜兜的博客

04-23

2792

Error in render: "RangeError: Maximum call stack size exceeded" cros跨域

Uncaught RangeError: Maximum call stack size exceeded 调试日记

weixin_33717117的博客

09-12

307

异常处理汇总-前端系列 http://www.cnblogs.com/dunitian/p/4523015.html 开发道路上不是解决问题最重要，而是解决问题的过程，这个过程我们称之为~~~调试记一次填坑记，下次一定注意休息。。。各种低级错误。。。 1.错误信息：Uncaught RangeError: Maximum call stack size exceeded 我没用递归啊？也...

qiankun中RangeError: Maximum call stack size exceeded

08-23

在QianKun（乾坤）框架中，`RangeError: Maximum call stack size exceeded`是一个常见的JavaScript运行时错误，表示函数的递归调用栈已达到其最大深度。这意味着函数正在不断地调用自身，并且没有退出条件，导致...

精选资源

qiankun-example::rocket: qiankun实战demo，父应用vue，子应用用react和vue

05-08

3. **集成子应用**：将子应用打包后的静态资源引入到主应用中，并通过qiankun的API注册子应用，设置子应用的启动和卸载逻辑。 4. **路由管理**：在主应用中设置路由规则，根据路由变化动态加载和切换子应用。...

精选资源

micro-application:qiankun微前端，子应用pdf转图片项目

03-16

包含了一个子应用： pdf转图片子应用 ＃主应用就是一个建筑物＃安装在三个目录下分别运行 npm i ＃开发在三个目录下分别执行 npm run dev ＃部署先后执行 node vue-pdf-server.js node main-server.js

Maximum call stack size exceeded

m0_73061132的博客

06-18

626

解决：注释掉或删掉即可，局部引用才不会报错。原因：在全局配置文件引入并挂载axios。

【vue2小知识】路由守卫的使用与解决RangeError: Maximum call stack size exceeded问题的报错。

嗨，朋友你好！我是前端领域的工作者

02-28

7267

路由守卫的写法。前置守卫、后置守卫参数与写法详解。解决RangeError: Maximum call stack size exceeded问题的报错。

报错：Maximum call stack size exceeded

m0_72644324的博客

07-24

3894

把按钮和选择框绑定，点击按钮，来改变选择框的值，而选择框值改变了，因为使用了trigger,可通过js改变按钮的值，按钮进而又改变选择框，这样反复导致超过最大调用堆栈大小。浏览器调试时报错：Maximum call stack size exceeded （超过最大调用堆栈大小）如果按钮的值和选择框值不一样才去改变选择框的值。

使用vue2+axios+chart.js画折线图，出现 RangeError: Maximum call stack size exceeded 错误

战族狼魂的博客

09-10

1153

出现错误，可能是由于直接引用了，而中又更新了图表或页面元素，导致无限递归问题。每次调用可能会触发多次图表更新，最终导致栈溢出。为了解决这个问题，你可以通过以下方式优化：使用箭头函数在中绑定正确的上下文：防止重复创建图表：优化的数据处理逻辑：通过以上优化，可以避免无限递归和重复调用引发的错误。

Vue - 项目报错整理(1)：RangeError: Maximum call stack size exceeded

tonysh_zds的博客

06-28

315

https://blog.csdn.net/qq_33270001/article/details/99677324

报错Maximum call stack size exceeded

可可爱爱的你吖的博客

04-15

476

写了一个页面，这个错误一直跟着，个人都不咋明白是啥子错百度说是"超出最大调用堆栈大小",但是我也没有用递归函数啥的，可能别人说里dei，个人代码写的烂。看了一下自己的路由配置，我想让首页加载默认显示第一个页面，就用了重定向，注释掉就好了，但是首页默认变成了空白，后面会试一下其他的方法吧 ...

报错问题:Maximum call stack size exceeded