You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React运行时动态加载远程组件方案咨询

React宿主组件动态加载远程组件问题咨询

我有一个需要嵌入其他页面的React宿主组件,需在运行时动态加载远程组件。具体流程为调用API获取CDN上远程组件的URL,我同时负责这些远程组件的开发,组件格式支持IIFE、UMD、CJS或ESM均可。

已尝试的方案

  • 使用React懒加载并将远程组件构建为ESM,但运行时无法解析React导入;
  • 改用UMD格式,通过动态创建script标签导入,出现“无法读取null的useState属性”错误,推测是宿主与远程组件使用不同React实例导致——手动将双方React调用替换为window.react后可正常运行。

咨询内容

想确认将React挂载到window供宿主和远程组件共用的方案是否可行,同时希望了解有没有其他替代方案。我了解Module Federation微前端架构,但我的场景中模块由其他应用管理,无配置服务器,与该架构的适用场景不符。

内容的提问来源于stack exchange,提问作者Rodrigo Borba

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.22 20:33:08