问题标签 [stenciljs]

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 投票
4 回答
13222 浏览

reactjs - Stencil 与 React 和 Angular 有何不同?

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

组件.tsx

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

0 投票
3 回答
1357 浏览

stenciljs - StencilJS 中的 TSX

在 StencilJS 中,这个 .tsx 代码的编译版本是什么?

在 React 中是:

StencilJS 中是否有“React.createElement”的等价物?

0 投票
1 回答
3430 浏览

web-component - StencilJS 组件样式

styles使用选项/属性的正确方法是ComponentDecorator什么?将属性与存储库stencil-component-starterstyles中的默认组件一起使用似乎不会影响相应组件的样式,也不会在. 打算如何工作?还是尚未实施?如果目标是避免需要加载单独的 CSS 资产,但为组件提供样式,那将是正确的选择,还是需要使用其他属性?my-name<style><head>stylesstyleshost

下面是从 stencil-component-starter] 1生成的示例组件,其中stylesUrl@Component 属性替换为styles属性和设置font-size属性。devbuild任务期间不会产生错误。

ComponentDecorator定义为:

感谢您提供任何帮助!

0 投票
3 回答
775 浏览

angular - StencilJS 会在 Ionic 中作为开发选项提供吗?

我想知道 Stencil JS 是否会被用作在 Ionic 中开发移动应用程序的一个选项。

让我解释一下我所说的“发展的选择”是什么意思。在 NativeScript 等其他框架中,您可以选择使用 Angular + Typescript 或 Javascript 启动新项目。此外,还存在其他“选项”(例如NativeScript 的 VueJS

StencilJS 是 Angular 等现有 javascript 框架的有趣替代品,用它构建 Ionic 应用程序会很棒。

现在,由于StencilJS框架是由 Ionic 框架团队创建的,我想知道有一天它是否会作为 Angular 的替代品提供给所有 Ionic 开发人员。

0 投票
2 回答
5254 浏览

xmlhttprequest - stenciljs 中的 http 请求

如何在 StencilJS 中发出 http 请求(GET / POST / PUT / DELETE)?

我尝试按如下方式使用 axios:Did npm install axios --saveand in the stencil component import axios from 'axios';。一旦我打电话,axios.get(...)我就会收到以下错误消息:


[错误]捆绑:node_modules/axios/lib/adapters/http.js,行:4

模块不能自行导入

L3: var utils = require('./../utils');

L4: var set = require('./../core/settle');

L5: var buildURL = require('./../helpers/buildURL');


我知道这可能与这个问题有关:https ://github.com/ionic-team/stencil/issues/98

但是,关于如何在模板组件中获取 html 请求的任何建议?

0 投票
3 回答
4499 浏览

javascript - 在 stencilJS 中监听全局窗口事件

假设我在应用程序的某个地方有这样的东西:

在 stencilJS 文档中,他们说您可以像这样收听全局事件:

但是我找不到监听窗口上发出的事件的方法,就像我可以用纯 Javascript 监听它一样:

有任何想法吗?

0 投票
0 回答
1860 浏览

local-storage - localStorage 未定义

localStorage在 StencilProject 上使用和 sessionStorage。我跑步npm run dev --prod的时候就没事了。当我运行时,npm run build这是 KO。即使出现此错误,我的应用程序在 Chrome 上运行良好,但在 Firefox 上却不行。错误是:

localStorage 未定义

所以我把我的电话从localStorage.getItem改为window.localStorage,所以现在我有以下错误:

无法读取未定义的属性“getItem”

localStorage关于如何在产品兼容性中使用的任何想法?

代码在这里

0 投票
1 回答
305 浏览

ionic-framework - “IonButtonAttributes”类型上不存在属性“clear”

尝试通过组件重新构建 Ionic-Stencil HN 应用程序组件,重写所有内容以掌握它们如何协同工作,但在重写所有组件并确保任何文件中没有拼写错误并导入 @ionic/核心 npm 模块,我有这个错误:

显然只有一个问题:

究竟是什么原因造成的?我错过了什么?

0 投票
1 回答
996 浏览

javascript - 嵌套 Web 组件并将其与常规 HTML 混合

是否可以使用 Stencil 或 Polymer 创建独立的 Web 组件,然后将它们嵌套在另一个中?此外,是否可以将所有这些与常规 HTML 内容混合在一起?

我们将在这里有 3 个独立的组件,具有独特的样式和功能。

  • <comp-card>
  • <comp-avatar>
  • <comp-text-box>

它们应该嵌套在常规 HTML 中,例如:

今天是否有可能使用本机 Web 组件来实现这一目标?

0 投票
1 回答
3555 浏览

javascript - 嵌套组件如何在 Stencil 中工作?

我在 Stencil 的官方文档中找到了这些片段。

如果不提供 child component 的路径,我无法理解my-embedded-component如何在my-parent-component 中访问。谁能帮我理解这个概念?

子组件

父组件