问题标签 [stencil-component]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
25 浏览

web-component - Stencil 在 `dist/types` 目录中创建 `.stencil` 文件夹而不是 `components`

模具创建.stencil文件夹而不是components 内部dist/types目录

我已尝试使用 2.1.2 / 2.4.0/ 2.5.0 版本

在所有情况下,它都会创建包含所有组件的 .stencil 目录。

在其他队友系统中,components尽管具有相同的配置,但它正在创建。

这里的任何人都可以在这里帮助我,为什么在不同的系统上创建不同的文件夹。

因此,我的接口文件无法读取,因为它指向组件目录但模板创建.stencil

0 投票
1 回答
68 浏览

handlebars.js - 有没有办法根据用户的国家/地区输出数组的特定部分?

我正在尝试获取 name: 和 value: 的值,具体取决于用户的国家代码。所以示例用户位置是“DE”,它应该输出:

TRS_TITLE_DE

哈利波特密室 I 硬背壳兼容 Apple iPhone 12

这是数组:

这是我尝试过的:

0 投票
1 回答
49 浏览

import - 在我当前的项目中使用我其他仓库中的 Stenciljs 组件

我有两个带有 Stenciljs 组件的私有 bitbucket 存储库,我想在另一个中使用一些组件。我不想将它们上传到 npm 或类似的东西。两个 repos 都是 100% Stenciljs。

我想知道是否有一种方法可以直接从 repo 导入我需要的组件。我对这两个存储库都有读写权限。

感谢您的帮助

0 投票
1 回答
130 浏览

javascript - 使用全新数据更新数组不会删除模板组件中先前呈现的数据

我有一个包含一些数据的数组,在分页事件之后,我用下一页数据更新了数组,所以它应该用一组新数据更新视图,尽管它更新了前一组数据仍然位于的视图DOM 视图,理想情况下它应该清除先前的视图并将新的数据集呈现给 DOM

在表体中,它使用以前的数据集呈现更新的数据,而不仅仅是新的数据集。

0 投票
1 回答
154 浏览

javascript - Stenciljs @State() 不适用于键:值对

我的 Stenciljs 项目中有一个 Key: Value 对对象,带有 @State() 装饰器,因此当一个或多个值被更新但重新渲染不会发生时,组件会重新渲染。我的对象看起来像这样:

@State() selected: {[key: string]: string} = {x: "", y: "", z: ""};

我通过以下方式更新它:this.selected['x'] = newValue;

我知道对象会在需要时更新,并且不会出现错误。

关于如何解决这个问题的任何想法?

谢谢

0 投票
1 回答
54 浏览

javascript - 为模板组件执行创建方法

我正在开发一个 Stenciljs 组件,其中在创建组件时需要用 fetch 调用填充数组。数组的内容将在组件的整个生命周期中发生变化。现在,我可以填充它的唯一方法是使用一个按钮,单击该按钮会调用填充方法。如何在创建或加载组件时填充数组,从而不需要用户交互?换句话说,我如何在没有按钮的情况下调用填充方法?

谢谢您的帮助。

0 投票
0 回答
42 浏览

reactjs - 如何在 React 中返回 Stencil VNode 元素?

有人知道是否可以将 React 应用程序中的 VNode 元素作为基于 Stencil 的组件的属性返回?

它背后的想法是React.ReactNode在 Stencil 中使用该属性。

我努力了

但是,我可以在控制台中看到错误。

0 投票
1 回答
146 浏览

handlebars.js - 如何使用 bigcommerce 模板组件来处理车把 JS?

车把模板:

在上面的代码forms中是一个模板组件。

车把脚本:

错误:

缺少帮助程序:“dynamicComponent””

如何注册forms组件?

0 投票
1 回答
42 浏览

typescript - 将返回语句移至 index.d.ts 的函数会引发构建错误 TS1036 ..._之前在常规 TS 文件中完美运行_

节点 v14.x,StencilJS (React) v2.3.x

我有一个带有将字符串数组转换为数字数组的导出函数的测试助手文件:

我决定这个函数应该在index.d.ts组件中,这样我就可以在组件本身中更合乎逻辑地使用它。我将它移动并更改exportdeclare,删除import {parseNumericStringOrStringArrayToIntegers} from "./index";了它被JetBrains IDE > move更改的位置,并且奇怪地期望东西“正常工作”。它没有...

它给我带来了两个npm run build似乎相关的错误,但我不知道如何解决它:

显然,我在这里遗漏了一些明显的东西,但是什么?

0 投票
0 回答
32 浏览

redux - StencilJS Redux - 更清洁的道具替代品

这不是关于特定的错误或问题,更多的是尝试在使用 Redux 和 Stencil 时建立更好的映射属性的方法。

根据文档,映射属性的正确方法是

  1. 具有@Prop 组件属性(例如,@Prop() name: string;)
  2. 使用 mapStateToProps() 将属性映射到状态切片

这很好,但是如果你有很多道具要映射到呢?映射到 10 个属性会产生大约 40 行代码。

谁能提出一个更好的方法来解决这个问题?或者也许是一种设计 Redux 文件的方法,以最大限度地减少对许多属性映射的需求。

谢谢!