问题标签 [single-spa-angular]

我已将我的 angular 6（微型应用程序）迁移到 angular 12，但现在我收到此错误

我正在使用最新版本的 SPA lib "single-spa": "^5.9.2", "single-spa-angular": "^5.0.2",

有人可以帮我解决这个问题吗.....或我可以参考的任何具体文章...

全部 - 我们计划将我们的 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配置

我们正在使用 Angular 的单水疗库来处理我们的微前端项目。一个微前端是加载其他微前端的主要应用程序。其他子应用程序的构建文件存在于新服务器中。

问题是当我们使用带有ag-grid等图标的节点模块时。未获取图标，因为它使用的是主应用程序的 URL，而不是使用子应用程序的路径。

node_module 包应该使用远程服务器的路径而不是主应用程序。

我们找到了一种解决方案：

• 将 ag-grid node_module 复制并粘贴到 assets 文件夹中，并覆盖以远程环境为目标的路径

这个解决方案不可行有几个原因（更新并不简单，这个新代码库的维护，独立 mod 和 single-spa mod 之间的区别）。

您对如何使其工作有任何想法吗？

• 反向代理
• 子域

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

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

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

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

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

当我使用 create-single-spa cli 工具创建角度 MFE 时，它不要求提供组织名称，最后它不创建 webpack.config.js 文件，根配置无法识别角度 MFE？

看起来 create-single-spa cli 对于角度应用程序已损坏。

创建角度 MFE 应用程序和实用程序模块的任何替代方法？

我正在尝试使用单一 SPA 框架的微前端，我跨越一个角度应用程序并进行了单一 SPA 配置。当我尝试启动 Angular 应用程序时，我可以看到main.js 的文件大小为 9 MB，这对于具有一个组件的简单示例应用程序来说太大了

角.json

包.json

额外的webpack-config.js

帮助我减小文件大小，在此先感谢

我创建了两个应用程序。一个是父应用，另一个是子应用。现在假设我在父应用中创建了一个产品组件，并在路由文件中定义了路径。

所以在这里我将我的子应用程序安装在产品组件中，并且在 app.component.ts 文件中我就像使用路由器导航到产品组件，例如：

我的父应用程序在端口：4200 上运行，子应用程序在端口：4201 上运行。所以基本上，如果我输入“http://localhost:4200/product/mockApp1”，那么它将在父应用程序中加载我们的子应用程序以及在哪里“mockApp1”是我们的应用程序 ID。

所以现在我想在子应用程序中访问这个应用程序 id，我通过父应用程序中的 URL 传递它，所以有可能在子应用程序中获取这个应用程序 id。如果有可能，那么我该如何实现呢？

谢谢

我正在使用带有 Angular 10 应用程序的单水疗中心。路由有问题，当我使用“activeWhen：[”/“]”加载应用程序时，它工作正常，但如果我添加路由，我会收到“404（未找到）”错误。这是我的配置，有什么问题吗？

我在使用带有 Angular 的单水疗中心时遇到了竞争条件，这导致单水疗应用程序仅呈现在 html 根/正文的直接子代中，例如我想在 Header Component 下加载最喜欢的微应用程序组件

但这发生在 10% 的时间里，微应用会直接在 body 下加载

我认为 Single-Spa 微应用程序 activeWhen 匹配 url 并加载应用程序，例如 /favorite 然后激活微应用程序但页面（角度标题组件）尚未准备好（DOM 未完成），因此微应用程序已加载外部 。

我很想知道一些见解以及避免这种情况的最佳做法是什么。

谢谢