自定义元素未加载到另一个角度应用程序中

如何解决自定义元素未加载到另一个角度应用程序中

我在一个项目中创建了简单的 angular 自定义元素，并使用 npx-build-plus 创建了包和生成的文件，如下图所示，

从这些文件中我取出了 main.js 文件。我创建了另一个 angular cli 项目，并将生成的 js 文件包含在根文件夹中，如下所示

在 index.html 中我是这样使用的

   <!doctype html>
<html lang="en">
<head>
  <title>Custom Angular Element</title>
</head>
<body>
<script src="elements/main.f23021e9a099929ed5cb.js"></script>
<h1 id="result" style="text-align: center"> Angular elements !!!</h1>
<value-button text="Value Button" value="1"></value-button>
</body>
</html>

但是该元素没有显示。我也尝试在应用程序组件 html 中给出，但也没有在那里工作

我应该在 package.json 中给出任何配置吗？你能告诉我帮帮我吗？