Question

我确实使用模版构建了一些Web组件，并在npm上发布了它们。现在，我想将它们集成到另一个模具应用程序中，但是找不到任何建议，或者到目前为止我发现的建议都无效。

例如模具配置上不再包含任何集合属性，以包括外部组件，而我在官方文档中发现这些组件不能正常工作：

在stencil-app-starter应用程序中运行npm install my-name --save 将导入添加到npm包中：import my-component; 然后，您可以在模板，JSX，html等模板中的任何位置使用元素。

我知道这些组件能够正常工作是因为我已经成功将它们集成到Angular和React App中。

非常感谢您的帮助：）

Answer 1

我遇到了同样的问题，只是解决了。我正在构建一个StencilJS应用程序，并尝试使用我的组件库@elgervb/stencil-components。这是我为使其正常工作所做的事情：

我的图书馆添加了：

yarn add @elgervb/stencil-components

，在tsconfig.json中，我在typeRoots上添加了compilerOptions以加载我的类型：

"typeRoots": [
  "node_modules/@elgervb"
]

之后，我可以在应用程序中使用所有组件：

<evb-filepicker accept="image/*">
  <evb-button>Pick image</evb-button>
</evb-filepicker>

希望这会有所帮助：-）