问题标签 [single-spa]

我正在尝试使用 single-spa 将另一个角度应用程序添加到我的容器应用程序中。

作为一个模板，我在 GitHub 上查看了这个repo 。

现在出现以下问题：

在应用程序加载服务中，以下行尝试使用 systemjs 加载应用程序并通过 single-spa 安装它

在 import-map 概述中，您还可以看到所有内容都已正确导入：

导入地图概览中的图像

当模块在 Angular 中加载时，现在会显示以下错误：

但是，当我想通过 SystemJS 在 javascript 控制台中加载外部角度页面时，它可以正常工作，并且我可以正确恢复单水疗生命周期方法：

命令：

结果：

有谁知道问题是什么？

我正在使用单个 spa 来创建我的反应微前端，在其中一个 MFE（微前端）中我需要从另一个 MFE 动态导入“.js”并渲染组件，因为我正在使用 systemjs 导入

下面是一个示例代码，说明子组件如何在主文件中公开一个导出 js 文件的函数

在父组件中，我使用 react.lazy 从函数中导入 js 文件并渲染为组件

并使用以下方式渲染上述 const

在开发模式下运行代码时我没有问题，但在生产模式下，样式在第一次加载时被弄乱了，但随后样式很好。

这个问题似乎与 webpack 的材料 ui 问题导入很常见，但网上的解决方案似乎都没有帮助。我尝试了以下链接中给出的所有可能的解决方案

https://github.com/mui-org/material-ui/issues/15610

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

假设这是必须使用 Single-spa 框架完成的事情......非常感谢这方面的任何帮助

可以说我有这个水疗中心布局

目前这些应用程序标签被single-spa-react 中的单个div 替换，我需要在这些div 上有flexbox。

但我找不到向这些 div 添加类的方法。

所以这：

最终会变成这样

我想在根 div 中添加一个类以进行样式设置

我在文档中找不到任何提示。

我已经设置了一个单水疗根配置应用程序和其他 2 个以角度实现的子应用程序（使用parcels）。而且我正在尝试从根应用程序导航到子应用程序路由，它适用于第一条路/app1由，但是如果我想导航到/app1/search或者/app1/details它不加载关联的组件，尽管 url 已更改。

如果我最初点击/app1/search它会加载搜索组件，但之后如果我尝试导航到其他路线，例如/app1/<any-route>它会更改 url，但不会加载组件。

根配置 app.component.html

App1 路由模块：

我正在尝试使用 Single-SPA (Application) 和 ReacJS 从本地 json 文件制作地图，但是

这是调用 json 文件的 ReactJS 组件：

这是本地 JSON 文件

这是应用程序在浏览器 devtools 日志中显示的错误

我只使用 ReactJS 在一个清晰的应用程序中进行了测试，它运行良好。

我有一个单水疗设置，在使用 webpack4 运行时效果很好

升级到 webpack 5 后，我遇到了很多以下错误：

拒绝应用来自 'http://localhost:5000/assets/css/style.bundle.css' 的样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查。

我已经用谷歌搜索了几个小时而无法解决这个问题。

我的 webpack 配置文件是：

全部 - 我们计划将我们的 UI 迁移到微前端，因为在架构上，我们在后端层级别拥有越来越多的 Spring-Boot 相关服务。

使用多个引导服务的单个 UI 代码库会创建 UI 依赖项，并且 UI 代码库会成为单点故障。为了克服这个问题并在我们希望的任何地方使用 UI + 数据，考虑为 UI 实现微前端应用程序并迁移我们当前的设置。

当我们查看时，我们可以看到 single-spa 框架在这方面为我们提供了帮助。PoC 也是积极的。想了解是否有与此方法相关的任何限制、注意事项、优点/缺点等。请告知是否有人对此。

当尝试重新加载页面时它不起作用。它抛出第 404 页。

我的根应用程序 导入

根 APP URL https://example.com/catalyst-root 单击侧边菜单，它将重定向到另一个应用程序 APP URL https://example.com/catalyst-ddos/ddos/ddos-dashboard 现在如果我是尝试刷新它会抛出 404。

注意：它在本地工作，但在 apache 服务器中部署后不工作。请在这里提供帮助。（已编辑）

http配置

我正在 Single-SPA 框架的帮助下开发一个微前端应用程序。我可以通过直接在 index.ejs 文件中添加 MFE 路由来导入并使其工作。

由于我们有很多 MFE，我不想将它们全部保存在 index.ejs 中。

想要将所有路由保存在单独的 JSON 文件中，然后将 JSON 文件导入 index.ejs 文件。

所以问题是，有没有办法可以直接在 EJS 模板中导入 JSON 文件？

stackover flow中有类似的问题，但所有答案都指向render我在single-spa库中找不到的方法？

我只想在我的一个单水疗反应微前端中使用一个简单的网络工作者。但是，当我初始化它时，它不起作用，程序找不到工作人员。我在 root.component.js 中尝试了以下两种方法：

经典方式->

打印的错误信息只是：

获取http://example.com/worker.js 404（未找到）

webpack 方式 ->

并且打印的错误信息是

react_devtools_backend.js:4049 DOMException：无法构造“Worker”：无法从源“http://example.com”访问“http://example.com:8001/src_worker_js.project-name.js”处的脚本。

我是 single-spa 和 webpack 的初学者，所以我想我只是没有采用正确的方法。