angular 生产构建在包装 angular 元素时不引导

angular production build not bootstrapping when wrapping angular element

我使用 angular 7 创建了 angular 元素,并使用 html 文件(包含元素 JS 文件后)进行了独立测试,效果很好。

当我在其他 Angular 7 项目中包含 Angular 元素并使用 ng server.

进行本地设置 运行 时,它也工作正常

每当我使用 --prod 构建 angular 项目并尝试 运行 应用程序时,父应用程序未启动。

当我删除元素 js 引用和自定义 html 并使用 --prod 构建应用程序时,应用程序 bootstrap/ 运行 完美。

我正在使用 angular 7.2 来构建 web-component/element 和应用程序。

我需要帮助来确定为什么应用程序没有 running/bootstrapping 以及 angular 元素。

在对博客进行故障排除时遇到了这个问题: https://medium.com/swlh/multiple-angular-apps-on-a-single-page-9f49bc863177

我选择了选项 3(因为已经在 angular 应用程序中绑定了元素):Ngx Build Plus

你唯一需要注意的是安装合适版本的build plus,我使用了ng add ngx-build-plus@7

在项目中安装 ngx-build 并设置不同的 jsonpFunction 已解决问题。