问题标签 [stencil-component]

我目前正在开发一个 Ionic4/stencil 应用程序（使用 PWA 工具包：https ://ionicframework.com/pwa/toolkit ）并遇到获取组件位置的问题。

}

当用户点击 ion-button 时，我们使用我们想要检索位置的 img 的 id 调用 getPos() 方法。

当我单击按钮时，一切正常，我在控制台中看到我的 img 的良好位置：

但是，如果我再次单击图像，我会得到 {0,0,0,0} 坐标...

你对此有什么解释吗？

提前致谢，

我目前正在尝试使用 StencilJS 创建一些 Web 组件。

现在我知道有<slot />并命名插槽和所有这些东西。来自 React，我猜 slot 类似于 React 中的 children。你可以在 React 中使用孩子做很多事情。我经常做的事情：

1. 检查是否提供任何儿童
2. 遍历孩子以对每个孩子做一些事情（例如，将其包装在带有类的 div 中等）

你会如何使用 slot/web components/stencilJS 做到这一点？

我可以使用 Stencil 在 Stencil 中获取我的 Web 组件的主机元素

我使用我的组件

我想渲染类似的东西

亲切的问候

我正在尝试将图像插入到使用 Stencil 构建的 Web 组件中。

我收到 2 个错误：

AppLogo is declared but its value is never read.

和

Cannot find module ../assets/logo.svg.

目录：

代码：

没有大量的文档（我可以找到）。因此，任何帮助表示赞赏。

我有一个以旧 IIFE 风格编写的外部库。我有一个在内部使用这个库的 Web 组件。此 Web 组件是使用 stencil 创建的。现在，如果我在某个项目中使用我的 Web 组件，我必须通过 src 文件将组件 js 文件和这个外部库包含到 index.html 中。如何将此库包含到组件的编译代码中？是否可以不将其重新写入 es6 模块？

这就是我的代码现在的样子（在 index.html 中）：

我想要这样：

这是我的组件的代码：

这是我的 tsconfig.json：

这是我的 stencil.config.ts：

如何监听class宿主元素属性的变化？

我需要对某些离子成分的行为做出某些改变。

使用 Ionic 3 和 Angular 组件很容易，但是现在我们正在迁移到 Ionic 4，我发现在@ionic/core.

我创建了一个新的模板组件项目并为@ionic/core. 我厌倦了扩展datetime组件，发现 Web 组件不能有超类。

因此，我将日期时间组件的整个文件夹从 Ionic 源复制到了我的项目中，并且只更改了文件夹名称和类名称。所以它是文件夹中的MyDatetime类。my-datetime

尝试npm run build该项目，它失败了一大堆 sass 错误。

下面是它们的样子：

它说找不到（./datetime）的导入的 sass 文件当然存在于同一文件夹中。

有人可以提示我在这里做错了什么。

根据文档，Stencil 组件的属性 myProperty

应使用以下 HTML 代码进行设置：

但是，相反，它被设置为默认值（空对象）。布尔值和字符串值工作正常。

这是一个错误，还是我忽略了一些东西？

我正在向我的模板组件添加 polyfill。这是我的 component.tsx 文件

我的构建失败了。它显示了这个错误

[错误]汇总：缺少导出：src/dxp-notification.js:4:9 'NativeEventSource' 未由 node_modules\event-source-polyfill\src\eventsource.js 导出

我在 node_modules 中包含了最新版本的 event-source-polyfill。

我刚刚从 stencil 0 更新到 1，并且在构建组件集合后出现此错误。

我的 aep-tabs.tsx 文件

tsconfig.json

节点版本：10 TSC 版本：3.6.3

我已经更新了“lib”、“target”，我也将 nodeList 转换为一个数组，但它们都不起作用。有谁知道我该如何解决这个问题？

我最近将模板核心版本更新到最新的 ie 1.3.2

更新后出现了一个奇怪的问题，我不确定这是错误还是预期行为。我阅读了更改日志，但找不到与该问题相关的任何内容

Stencil 从渲染函数内部的 jsx 创建的最终输出中的 HTML 按钮中删除“类型”属性。这仅在属性值为 "submit" 时发生，如果值为 "button" 则保持不变

JSX：

构建后：

最终输出