问题标签 [stencil-component]

我熟悉 Angular 并了解 React 的基础知识。我正在探索模板文档，我发现模板组件既有@Component装饰器又有render()方法 -

组件.tsx

帮助我了解 Stencil 与 Angular 和反应有何不同以及它是如何工作的？

我将此代码放在 card.html 上，评论计数不仅适用于搜索页面。

我正在努力让stenciljs中的@Method 工作 - 任何帮助将不胜感激。

这是我的组件代码，其中包含我想在组件上公开的名为setName的函数：

这是引用该组件的 html 和脚本：

这是我遇到的错误的屏幕截图，它是Uncaught TypeError: myName.setName is not a function：

如何在 Alfresco ADF 组件中访问其他嵌入的模板字段？任何人都可以提供解决方案吗？

我正在使用 Stencil 创建一个使用阴影进行视图封装的本机浏览器 Web 组件。

如果在我的 SCSS 文件的顶部我使用

这会让每个组件重新下载每个组件实例的字体/图标文件，从而对性能产生负面影响吗？

如果是这样，处理这种共享依赖的最佳实践是什么？

我正在尝试在特定的 DOM 节点内引导一个 Angular 2+ 应用程序（准确地说是 6 个）。我想在 Web 组件中执行此操作my-component（使用StencilJS编写）。

理想情况下，我可以使用选择器或 HTMLElement 从 Web 组件的根元素引导。

然而，问题是 Angular 在页面上被“全局”实例化，因此试图将所有标签解释为 Angular 组件——而不仅仅是在我自己的 Web 组件中找到的那些：

我尝试了在网上找到的 3 种不同的方法。然而，他们中的许多人仍然使用.bootstrap在较新的 Angular 版本中不再可用的方法。其他人只是在某个节点中实例化组件，而不是整个应用程序。

NgDoBootstrap似乎是一种很有前途的方法，但它也会导致 Angular 解析页面上的所有组件。

我创建了一个 repo 来调查这个问题。任何帮助，将不胜感激。

https://github.com/bitflower/ng-stencil

我正在使用 Stencil JS 创建自定义 Web 组件。有一次，我遇到了为创建的自定义 Web 组件生成文档的要求。我尝试过生成的文档很少，例如 typedoc 和 docsify。Typedoc 似乎是一个不错的选择，但它会生成静态网站。在我的要求中，我更喜欢让用户动态更改代码的值并在使用之前对其进行预览。为此，我找到了 CodeMirror。有没有办法将 CodeMirror 与 TypeDoc 集成，让用户编辑实时代码并查看 Web 组件中的更改。

如果有任何其他插件或生成器可以完成这项工作，请提出建议。

谢谢

我一直在尝试实现嵌套路由/组件。有人可以向我解释如何嵌套路由/组件。模板路线文档没有太大帮助。说在我的组件中，左侧有一个 sidenav，stencil-route-link右侧有几个，我应该显示路由组件。

我无法让全局 css 变量按照 ionic stencil docs中的描述工作。

我在 'src/global/' 中创建了一个 'variables.css' 文件，然后将“globalStyle: 'src/global/variables.css'” 放入“stencil.config.ts” 文件中。

然后我在 variables.css 中创建了一组 css 变量，并尝试在我的组件的 css 文件中使用它们；但是，使用默认值，因为它无法加载全局变量。

随意看看测试回购。

我已经能够毫无问题地导入一些简单的外部 js 库，例如 moment 到自定义 Stencil Web 组件，但最近我想构建一个依赖于 stomp-websocket 和 sockjs-client 的 stomp Web 组件。

我无法正确导入其中任何一个。在我使用的任何导入变体中，我在 npm start 的控制台上收到很多警告，在浏览器控制台上我得到

npm 启动控制台：

任何有关正在发生的事情的见解都值得赞赏。