处理主机应用程序中的模块联合失败

Posted

技术标签:

【中文标题】处理主机应用程序中的模块联合失败【英文标题】:Handling module federation failure in host app 【发布时间】:2021-06-15 04:51:59 【问题描述】:

当使用模块联合动态加载的应用程序关闭时,我们如何处理主机反应应用程序中的故障? 我正在测试一个场景,我购买了模块联合应用程序并测试主机应用程序给出了这个错误,加载脚本失败错误:localhost/remoteentry.js。

这是一个真实的场景,其中可能导入的应用程序可能已关闭或出现问题。

【问题讨论】:

我也面临同样的问题。你找到解决办法了吗? 【参考方案1】:

没有来自模块联合的构建机制来处理异步加载失败。您必须自己使用通常在微前端之外使用的惰性获取内容的机制来完成。例如,在 react 中,您可以使用 React.lazy (docs, example) 和 React.Suspense (docs, example) 来提供适当的回退。

【讨论】:

以上是关于处理主机应用程序中的模块联合失败的主要内容,如果未能解决你的问题,请参考以下文章

带有 Webpack 模块联合的 Vue 3 CLI:组件从错误的主机加载

Google OpenID/联合登录定期失败

模块解析失败:意外的令牌 Reactjs?

模块联合如何选择使用哪个依赖版本?

HTTP 状态 500 - 处理程序处理失败;嵌套异常是 java.lang.UnsatisfiedLinkError: 找不到指定的模块

未捕获的错误:模块解析失败:您可能需要适当的加载程序来处理此文件类型