这个赏金已经结束了。 此问题的答案有资格获得+150声望赏金。 赏金宽限期在11 小时后结束。 Dave正在从可靠的来源寻找答案。 我正在使用 Angular 14 和模块联合。 我想在我的远程应用程序中使用 import.meta 来获取资源的绝对路径(例如以“http://”开头)。 在我的 ...
这个赏金已经结束了。 此问题的答案有资格获得+150声望赏金。 赏金宽限期在11 小时后结束。 Dave正在从可靠的来源寻找答案。 我正在使用 Angular 14 和模块联合。 我想在我的远程应用程序中使用 import.meta 来获取资源的绝对路径(例如以“http://”开头)。 在我的 ...
我正在使用 Angular 14 和模块联合。 如何从我的远程应用程序中找到我的远程应用程序的绝对路径? 在我的远程应用程序中,我使用公开模块 然后在我的 src/app/services 我有这个 在我的 shell 应用程序中,我在初始化路由时引用了远程模块 我不太清楚要在“const abs ...
我有这个模块联合工作区 全局服务.tsitems$ = new BehaviorSubject<any[]>([]); setMenuItems(items: any[]): void { this.items$.next(buttons); } 菜单.component. ...
语境: 我有 2 Angular 13 个应用程序,1 个作为远程应用程序,另一个作为主机,并使用 Module Federation 配置远程(创建 mfe)和主机。 所有 Module Federation 示例都指导我们像这样在主机中加载远程模块 而我的远程模块如下: 问题: 这有效,我的远程 ...
我正在使用 Angular 14 和模块联合。 在我的远程应用程序中,我有这个文件结构 在我的 app.service.ts 文件中,我像这样访问一个静态 JSON 文件 在我的 webpack.config.js 文件中,我尝试像这样公开我的模块和文件 问题是,当我通过 shell 应用程序访问 ...
嗨,我正在尝试在 nextjs 中使用微前端,因此如 npm pkg 链接中所述, @module-federation package 中不存在 lib 文件夹尝试通过以下方式导入 include-defaults 但它抛出以下错误 ...
我正在使用 Angular 14 和模块联合。 我想知道如何从我的 shell 应用程序访问我的远程模块的应用程序组件。 在我的远程模块中,我设置了这个 webconfig.config.js 在我的 src/app/app.component.ts 文件中我有 我的 src/app/app.co ...
我有 angular 12 个微前端应用程序,如果我像这样共享核心组件,它们可以正常工作 但是如果我删除共享并像这个孩子一样用空的“共享”定义主机和孩子: 主持人: 我在运行时收到此错误: 我尝试在 tsconfig 中包含带有“路径”设置的 angular 库,但没有帮助 我应该配置什么才能使其工 ...
我已经通过此处提供的回购重新创建了问题: https://github.com/module-federation/module-federation-examples/tree/master/angular13-microfrontends-lazy-components 。 默认情况下不使用 ...
I need to communicate between shell and remote in my microfrontend application (with module federation) Everything is ok using CustomEvent when the r ...
NG0303:无法绑定到“ngIf”,因为它不是“div”的已知属性(在“HomeComponent”组件模板中使用)。 如果“ngIf”是 Angular 控制流指令,请确保“NgIf”指令或“CommonModule”是声明此组件的@NgModule 的一部分。 MFE- 外露 - Hom ...
嗨,假设我们在 angular 中有一个库和一个应用程序,我们想在我们的应用程序中以模态显示库中的一个组件,解决方案在这里我们将我们的库作为依赖项安装在我们的应用程序中(package.json),但我的问题是如果我们的架构是微前端 我们有 2 个应用程序而不是库 想象我们想在我们的 app2 中以 ...
我目前正在构建一个 Intranet,我想将不同的应用程序(所有 Angular 14)连接到它。 一项要求是应用程序和主机应位于单独的存储库中。 因此,我使用 nx 创建了 2 个项目并对其进行了配置,以便动态加载应用程序。 这部分工作得很好。 现在我的问题是在他们之间共享用户信息(包括事件)。 ...
还在办公室学习module federation angular。 angular 中的模块联合是否准备好生产级别? ...
我已经分别创建了三个 angular 应用程序,它们具有单独的工作区或单独的项目和单独的存储库。 我可以使用@angular-architects/module-federation 在它们之间共享模块。 但我无法共享组件和服务。 如何在不同的工作空间或项目之间共享服务和组件? 或者如何实现基于 ...
但是,对于本地开发,MF 可以使用从主机到远程端口的 remoteEntry.js 生产构建返回Failed to fetch dynamically imported module error: http://localhost:2000/remoteEntry.mjs. 虽然这是真的。 该错误 ...
我正在尝试使用 shell(主机)和 travel(远程)实现一个非常简单的模块联合。 每当我尝试从 travel 中动态加载 AbcModule 时,我都会在 shell 中收到以下错误: 错误错误:未捕获(承诺中):TypeError:无法读取未定义的属性(读取'init')TypeErr ...
我已经能够创建一个带有多个微前端的 monorepo 项目而没有任何问题,但是我正在努力从不同的 repo 添加一个微前端。 Shell: webpack.config.js sidebar.component.html 应用程序.routes.ts MFE 回购: webpack.con ...
我有一个 shell 应用程序 [angular 13] 托管在我本地 IIS 端口 2000 上,还有一个 MF 应用程序托管在 IIS 端口 1001 上。我已经在 shell 应用程序中使用 shell 中的动态模块联合加载了我的 MF route.981 我收到 MF 应用程序的 CORS ...
我正在尝试使用 webpack 5 使用 MFE,使用 angular 13 的模块联合。但是,当我运行应用程序时,我遇到了错误。 未捕获的 SyntaxError:意外的标记“:” webpack.config 中的以下代码发生错误 对我来说,一切看起来都不错,但应用程序仍然无法访问远程 ...