问题标签 [ngx-build-plus]

我正在创建一个微前端应用程序。我在 Angular 中有一个容器应用程序。当我将子应用程序的选择器注入到容器应用程序中时，它正在工作。但是当我点击 URL 时，我需要单独运行子应用程序。通过在 bootstrap (bootstrap: [AppComponent]) 中指定 Appcomponent 成为可能。但是在使用微前端时，我们使用 entryComponent。当我试图同时使用两者时，会发生冲突。有什么方法可以让我独立运行每个应用程序并且仍然具有微 UI 概念的能力？

我目前正在使用 Angular Elements，更具体地说，我正在尝试使多个元素相互通信和交互。就我而言，我尝试创建的两个元素共享一个外部库（ag-grid），使它们能够显示用户可以与之交互的高级表格。

我的问题是关于这两个元素的捆绑。目前，我正在使用 ngx-build-plus 分别构建这两个元素。输出给了我 2 个 main.js、2 个 scripts.js、2 个 polyfills.js、... 文件，我的目标是每个元素有 1 个 main.js 文件，并且只有 1 个 scripts.js 文件可以在所有的元素。

ngx-build-plus 允许我们创建一个 webpack.external.js 来列出要共享的依赖项：

我一直在尝试将 ag-grid-angular 添加到此文件以及 angular.json 中的“脚本”数组中，但我没有取得任何成功，因为我对 Angular 或 Angular Elements 没有太多经验。

使用的角度版本：v11

我正在尝试使用 ngx-build-plus 将具有延迟加载模块的应用程序作为角度元素集成到另一个应用程序中。我在将元素添加到主应用程序中的组件时遇到了一些困难。当我将它添加到 index.html 时，它会呈现，但当我尝试添加到任何其他 html 文件时显示以下错误。

应用模块文件如下

我在这里错过了什么吗？

我正在尝试从服务器加载延迟加载的应用程序

本地主机：//4600

在客户端应用程序中

本地主机：//3000

作为使用ngx-build-plus的角度元素，但是当我加载角度元素时，它使用客户端url（localhost：//3000）而不是服务器url来获取块。是否可以从服务器中获取块文件（（localhost：//4600）服务器中的代码

我正在构建一个 Angular 库，该库的客户端需要将其用作 UMD 模块。我需要使用一些库，例如date-fns。在构建库时，它会引发以下警告：

我正在使用ng-packagr来捆绑库，并且具有 UMD 模块的库可以在 ng-package.json 文件中固定外部名称，如下所示：

ng-packagr创建一个 UMD 模块文件，该文件内部期望dateFns在全局范围 ( global.dateFns) 中找到 a 。问题是该date-fns库没有为客户端可以使用的当前版本提供 UMD 模块。有没有办法date-fns在 UMD 包中提供必要的代码（最好的选择是利用 tree-shacking 功能，但如果没有，包括所有date-fns代码也是一个选项）？或者客户端在使用我的库 UMD 时可以做的任何解决方法？

我正在使用ngx-build-plus将元素编译为 js。

类 NgElementImpl

在第 512 行抛出错误ERROR TypeError: can't access property "events", this.ngElementStrategy is undefined。并触发断点。但第 481 行的点不是。

官方回购：https ://github.com/angular/elements-builds/blob/12.0.x/esm2015/src/create-custom-element.js#L55

我正在使用https://github.com/akhil110/microfrontend_workspace方法来使用角度元素创建 Web 组件，我在项目文件夹中创建了 3 个 Web 组件和一个角度共享数据库，但是当我构建一个项目时，该库也被包含在每个 Web 组件中（在 main.js 中），因此由于库的多个实例，我无法共享数据，我相信我需要在包中排除库。我正在尝试从我的容器应用程序中设置一些数据和常用方法，以便所有 Web 组件都可以使用它。这是我的 webpack.external.js

有人可以分享这个问题的解决方案...谢谢

我试图将我的角度版本从 12 升级到 13，但出现错误“发生未处理的异常：无法解构 'buildOptions.sourceMap' 的属性 'styles'，因为它未定义。”

我使用以下命令，该命令在官方网站 npx @angular/cli@13 update @angular/core@13 @angular/cli@13 上提供

请任何人都可以帮助我

由于 Angular 13 不再生产 UMD 捆绑包

命令

ng g ngx-build-plus:externals --project MY_PROJECT

当前创建一个无效的 angular.json（指向不存在的 UMD 捆绑包）。

这是angular.json中提到的 umd 包

上述这些文件的替代文件是什么？有没有其他方法可以解决这个问题？