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
相关产品推荐
相关产品推荐

