简介：-
我们是 MicroFrontEnd 架构的新手，我们为此选择了单 spa 框架。我们正在使用 Angular 10 构建前端应用程序。

问题：-
在我们构建所有微前端应用程序并部署到 IIS Windows 服务器（仅限手动部署）后，当我们手动输入路由信息时，应用程序无法正常工作（http://10.XX.XXXX.X/Accounts ,http://10.XX.XXXX.X/Cards,http://10.XX.XXXX.X/Loans etc.等）。但是当我们通过应用程序内部的菜单访问时，可以毫无问题地访问（请参见下图，当我们单击红色框数字[从1到7]时没有问题）

澄清

1. 是否可以在同一个端口中托管所有微前端和容器根应用程序？
2. 当用户单击容器应用程序中的超链接但没有从浏览器输入/刷新时，为什么所有微前端应用程序都可以正常工作？

谁能帮助我们如何部署一个角度温泉应用程序。我们正在使用 dockerfile 进行部署。当我对其进行 dockerize 时，应用程序已成功构建和部署，但是当我尝试访问 main.js url 时出现以下错误

我的根配置的 index.html

包.json

Dockerfile：

有人可以帮我解决这个问题吗？任何帮助将不胜感激 。我有一个简单的角度应用程序，其中包含下面提到的多条路线

1. App1Route1
2. App1Route2
3. App1Route2

我有一个主要的应用程序组件，用于显示这些路线

我想为此应用程序实现 single-spa-angular，并按照此链接中提到的步骤进行操作，并根据建议 在 app-routing-module.ts 文件中进行了一些更改。

进行这些更改后，我将能够使用如下所示的 single-spa 运行应用程序

但路由不起作用。最后我通过修改 app.routing.module.ts 文件解决了这个问题，如下所示

现在，当我使用链接导航路线时，我可以看到输出

现在我遇到的问题是，当我在浏览器中使用路由名称刷新页面时，它无法正常工作并得到一个空白页面（在普通的角度应用程序中工作正常）

重现此错误的完整代码和步骤已上传到https://github.com/SivaAsDeveloper/single-spa-multiple-routes

我们已经使用带有 Angular 9 的单 SPA 框架创建了一个微前端。我们需要在这些微前端之间共享一些公共代码，因此我们决定为此使用模块联合。要使用模块联合，我们需要使用 Angular 11 支持的 webpack 5 作为可选功能。所以我们将应用程序更新到 Angular 11。我们按照以下文章设置 webpack 5 -使用 webpack 5 的模块联合。现在，当我们运行并尝试在浏览器中加载这个微前端时，我们收到以下错误 -single-spa minified message #37: See https://single-spa.js.org/error/?code=37&arg=application&arg={application-name}&arg={"default":{},"__useDefault":true}

提前致谢

当我们尝试将 Angular 11 应用程序（单 SPA 微前端）更新到 Angular 12 时，我们面临以下问题。

尝试运行此应用程序时控制台出错：

• configuration.output 具有未知属性“chunkLoadingGlobal”。这些属性有效：object { assistantComment?, chunkCallbackName?, chunkFilename?, chunkLoadTimeout?, crossOriginLoading?, devtoolFallbackModuleFilenameTemplate?, devtoolLineToLine?, devtoolModuleFilenameTemplate?, devtoolNamespace?, filename?, futureEmitAssetss?, globalObject?, hashDigest?, hashDigestLength?, hashFunction ?, hashSalt?, hotUpdateChunkFilename?, hotUpdateFunction?, hotUpdateMainFilename?, jsonpFunction?, jsonpScriptType?, library?, libraryExport?, libraryTarget?, path?, pathinfo?, publicPath?, sourceMapFilename?, sourcePrefix?, strictModuleExceptionHandling?, umdNamedDefine?, webassembly模块文件名？}-> 影响编译输出的选项。outputoptions 告诉 webpack 如何将编译后的文件写入磁盘。有关详细信息，请参阅“C:\Users\newUser\AppData\Local\Temp\ng-UOeNLu\angular-errors.log”。

包.json：

角.json：

我正在使用单水疗库来创建微前端。我正在尝试在微前端之一中实现延迟加载。正常路由工作正常，但是当我尝试在一个微前端中延迟加载模块时，它不会加载并给出错误。

https://github.com/single-spa/single-spa-angular/issues/116

我面临完全相同的问题并使用他尝试解决问题的方法，但我仍然遇到异常在此处输入图像描述

activeWhen 正在监听 url

我们有 ABC 应用程序，我们的 url 结构必须是主机名/A/B/C 如果我只想显示 C 微应用程序，activeWhen("hostname/A/B/C") 但来自 A 和 B 的所有父应用程序都会也出现..
无论如何是解决方法（不改变url结构）。
以及为什么它会加载所有父应用程序。不是 active 什么时候需要匹配而不是部分匹配？

另一个问题，如何像 single-spa-inspector 一样强制加载应用程序

谢谢你调查它

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

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

现在出现以下问题：

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

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

导入地图概览中的图像

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

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

命令：

结果：

有谁知道问题是什么？

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

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

根配置 app.component.html

App1 路由模块：

我将一个 git repo（Angular ver 11，Single SPA）克隆到我的本地机器上。整个团队需要维护与 package.json 中相同的版本。

1. 首先我执行了命令npm install
2. 然后我给了 npm run start

我收到以下问题

架构验证失败并出现以下错误：数据路径“”应该具有必需的属性“browserTarget”。

下面是我的 package.json

**更新 **

下面是angular.json

请帮我解决这个问题

编辑 - 附加信息

npm run build 并ng test在相同的设置下正常工作。