因此，对于我的个人项目，我正在构建一个使用 @angular/elements 构建的 WebComponent 库，遵循这篇文章：
https ://medium.freecodecamp.org/how-to-create-angular-6-custom-elements-web-components- c88814dc6e0a
一切都在非角度上下文中顺利运行（基本 index.html，加载我编译的file.js渲染我的 web 组件）
但是，每当我加载相同的文件并在 Angular 应用程序中使用相同的 web 组件时，它们就会开始表现得很奇怪，请参见下面的示例。
来自 stackblitz 的最小库示例：https ://stackblitz.com/edit/angular-cdx2vf
在 Angular 应用程序中，我使用以下代码调用我的 webcomponents：<lm-button>Hello</lm-button>
效果图如下：
渲染的源代码：
当我在 Angular 应用程序上下文之外对其进行测试时，这是正确呈现的源代码：
所以我的问题是，我在我的库和/或我的 Angular 应用程序中做错了什么？
谢谢你们的帮助！