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

标签 reactjs webpack webpack-module-federation

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

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

最佳答案

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

关于reactjs - 处理主机应用程序中的模块联合失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66680061/

相关文章:

Angular微前端无限刷新

javascript - 在 react 中将数据从一个组件传递到另一个组件

javascript - react 组件水平渲染而不是垂直渲染

typescript - 模块导入返回空对象

angular - 当远程应用程序之一关闭时, Angular 动态模块联合出现问题

next.js - 模块联合或微前端在 Next js 版本 12.2.0 中不起作用

mongodb - meteor Mup错误fbjs不变

javascript - onClick 不适用于 <button> 但适用于 <a>

javascript - 是否可以像使用 Browserify 一样使用 Webpack 进行自定义导入?

javascript - Webpack - 如何使已编译的函数在 HTML 文档中可用?