问题标签 [single-spa]

在我的特定用例中，我需要动态加载导入和路由，为此我需要实现模板引擎的 json 方法。根据文档实施时，我收到一个空白屏幕。此根配置是从 github 存储库中提取的。

react-mf-root-config.js

索引.ejs

我们正在尝试将 Single spa 与 React 和 Material UI 集成。我们有 2 个带有 Material UI 的 React 应用程序：

1. 根容器。
2. 微前端（水疗应用程序）。

当我们集成这两个组件时，我们会遇到以下错误：

看起来@material-ui/styles此应用程序中有几个已初始化的实例。这可能会导致主题传播问题、损坏的类名、特殊性问题，并在没有充分理由的情况下使您的应用程序变大。有关详细信息，请参阅https://material-ui.com/r/styles-instance-warning。

配置文件是这样的：

webpack.config。 使用此配置，我们希望将其外部化，以便它使用根容器应用程序中存在的材料 ui 依赖项。

索引.js。我们正在注册微前端。

index.html我们正在使用 systemjs 来加载材质模块和微前端。

我们按照本页建议的步骤操作，但没有得到任何满意的结果：

https://material-ui.com/getting-started/faq/#i-have-several-instances-of-styles-on-the-page

我正在尝试将 React JS 应用程序迁移到我通过自定义 webpack 配置开始的单水疗中心。除非某些 json 文件未加载，否则一切都按预期工作。我收到这个错误。

我正在尝试使用所有 json 文件加载该特定文件夹

反应 js 应用程序 Webpack.config.js

单水疗根 webpack.config.js

铬来源

我在一个项目中使用single-spa，它由一个root-config和多个vue微前端组成，我需要从vuetify overlay中显示overlay ，有没有办法从mount功能中实现？

根-config.js

main.js

运行应用程序时出现 IE11 错误

注意：我添加了 core.js 依赖，在 IE 中仍然报错

我确实根据博客练习 Single-spa。https://lazypandatech.com/blog/Microfrontend/10/Create-Microfrontend-Application-using-Single-SPA-framework。问题是 single-spa 的应用程序加载仅在 Firefox 上运行良好。但它在 Chrome 和 Edge 上存在以下错误：

*load.js:96 ==>single-spa 缩小消息 #37：参见https://single-spa.js.org/error/?code=37&arg=application&arg=single-spa&arg={"NOT_LOADED":"NOT_LOADED ","LOADING_SOURCE_CODE":"LOADING_SOURCE_CODE","NOT_BOOTSTRAPPED":"NOT_BOOTSTRAPPED","BOOTSTRAPPING":"BOOTSTRAPPING","NOT_MOUNTED":"NOT_MOUNTED","MOUNTING":"MOUNTING","MOUNTED":"MOUNTED", "UPDATING":"UPDATING","UNMOUNTING":"UNMOUNTING","LOAD_ERROR":"LOAD_ERROR","SKIP_BECAUSE_BROKEN":"SKIP_BECAUSE_BROKEN"}模块 zone.js:209 ==> 未捕获的错误：应用程序'single-spa'死于 LOADING_SOURCE_CODE: undefined 状态

Main.js:1 ==> 无法加载资源：net::ERR_CONNECTION_REFUSED*

如何启用它并可以在 Chrome 和 Edge 上查看？chrome 和 edge 在处理 single-spa js 文件时是否有任何安全问题？

我正在尝试单水疗中心并遇到以下问题

我在端口 5000 上运行单个水疗中心，在端口 8081 和 8082 上运行 2 个应用程序。这些应用程序已经在运行转换为单个水疗中心的应用程序。这些应用程序通过 axios 调用从服务器获取数据。迁移后，Axios 调用使用 URL http://localhost:5000/json/xxx.json 应该是 http://localhost:8081/json/xxx.json

我怎样才能解决这个问题？如何确保每个应用程序调用自己的后端而不是单个 spa？

示例 axios 调用

我正在尝试将我们的单片角度应用程序拆除到单水疗微前端。

我想将核心身份验证和授权模块保留在 root-config 中，以便我可以将用户信息传递给各个模块。

因此，我正在寻找任何现有或示例 GitHub 项目，我可以在其中参考 Angular 单一 spa 根配置

任何帮助，将不胜感激。

我打算使用带角度的单 SPA 框架来为网站构建微前端架构。该网站已经以传统的单体方式存在，我们计划将其扼杀到微前端架构中，以让独立团队工作并进行独立部署。

我的计划是使用实际的单体作为单 SPA 的根，并将微前端一一扼杀，与实际的单体共存。我做了一些测试，共存是可能的，但单 SPA 总是在我的页面末尾呈现应用程序。

问题是，例如，是否可以将具有单 SPA 的应用程序渲染到我的 HTML 上的特定位置，例如在特定 div 元素内。这是我现在一直在做的一个非常简单的测试，这就是我在单 SPA 上注册角度应用程序的方式。通过这样做，它总是在我的 body 元素的末尾呈现应用程序。

我想在页眉和页脚之间添加路由页面。不应为每个导航重新渲染页眉和页脚。

root-html-file 的代码 -> index.html

一旦我们导航到默认路由'localhost:4200/'，它将呈现页眉、仪表板和页脚，但导航到帮助后，页脚将消失。Header 和 Route 应用程序将呈现。