多层子应用嵌套出现内存栈溢出Maximum call stack size exceeded

[XiaoWuWeb]

问题描述

当版本升级到1.0.0-rc.20 ~ 1.0.0-rc.24 ，也就是20+，使用多层嵌套子应用，会出现 Maximum call stack size exceeded

复现步骤

1. 启动多个子应用服务，并且子应用服务嵌套一个子应用服务，也就是多层子应用嵌套出现内存栈溢出Maximum call stack size exceeded

复现仓库

https://gitee.com/lzhweb/micro-app-demo

环境信息

• micro-app版本：1.0.0-rc.24
• 主应用前端框架&版本：1.0.0-rc.24
• 子应用前端框架&版本：1.0.0-rc.24
• 构建工具&版本：vite^5.1.6、pnpm@10.6.4、node@20.9.0

[trry-hub]

遇到了同样的问题

[rolkey]

这个项目是不是已经没有人维护了？我也遇到相同的问题，而且是单个层，还不是多层嵌套，在开发环境时，两个应用合作得很好，但把两个应用部署到nginx后，主应用作为主目录，子应用作为子目录，运行的结果就这个问题提到的现象，无限循环嵌，我的nginx配置如下：

server {
    listen       80;
    server_name  192.168.168.28 zhis.rolkey.com;
    index        index.html;

    location / {
        # 部署环境
        add_header   'Access-Control-Allow-Origin' '*';
        root         /var/www/zhis.rolkey.com;
        try_files    $uri $uri/ /index.html;
        index        index.html index.htm;
    }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }

    location /api {
        add_header 'Access-Control-Allow-Origin' '*' always;
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, PATCH, DELETE, PUT, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type, X-Custom-Header, Access-Control-Expose-Headers, Token, Authorization';
        add_header 'Access-Control-Allow-Headers'  '*';
        add_header 'Access-Control-Max-Age' 1728000;

		proxy_set_header Host $http_host;
		proxy_set_header X-Real-IP $remote_addr;
		proxy_set_header REMOTE-HOST $remote_addr;
		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_hide_header 'Access-Control-Allow-Origin';

        # 本机开发环境
        # proxy_pass http://192.168.168.1:8085/api;
        # 服务器环境
        proxy_pass http://8.148.238.99/api;
    }

    location /app-out-patient {
        # 打包环境
        add_header 'Access-Control-Allow-Origin' '*' always;
        root /var/www/zhis.rolkey.com/;

        # 关键技巧：用正则精确匹配静态资源
        if ( $request_uri ~* ^.+.(js|css|jpg|png|gif|tif|dpg|jpeg|eot|svg|ttf|woff|json|mp4|rmvb|rm|wmv|avi|3gp)$ ) {
            add_header Cache-Control max-age=7776000;
            add_header Access-Control-Allow-Origin *;
        }

        # 非静态资源请求全部交给主应用路由
        try_files $uri $uri/ /index.html;
    }
}

[rolkey]

我的现象如该图，刚才忘记发了，路由引用重复了

正常是这样子的，主应用布局层完美包含了子应用的模块，开发时是没有问题的

[rolkey]

我的版本是：1.0.0-rc.26

1.0.0-rc.26 同样的问题

[rolkey]

只有提问人没有回复人，可能越来越少人关注了

[hkaikai]

遇到同样的问题

[trry-hub]

a 嵌套b ,b 嵌套 c。
a 和 b 使用 iframe 会导致内存溢出。
@bailicangdu

[VenomQAQ]

只有提问人没有回复人，可能越来越少人关注了

请问解决了吗，也遇到一样的问题，子应用是vite，部署后页面就出现爆栈问题，本地不会出现，好难测，1.0.0-rc.24版本

[LBASD]

a 嵌套b ,b 嵌套 c。B应用要使用UMD模式。

[YaoKaiPeng]

遇到同样的问题，B应用启用了UMD也回出现Maximum call stack size exceeded

[lhbDesign]

这么久了这个问题还没解决吗 😯

[dahai357]

有大佬解决了嘛