问题标签 [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.
reactjs - Stencil 与 React 和 Angular 有何不同?
我熟悉 Angular 并了解 React 的基础知识。我正在探索模板文档,我发现模板组件既有@Component
装饰器又有render()
方法 -
组件.tsx
帮助我了解 Stencil 与 Angular 和反应有何不同以及它是如何工作的?
stenciljs - StencilJS 中的 TSX
在 StencilJS 中,这个 .tsx 代码的编译版本是什么?
在 React 中是:
StencilJS 中是否有“React.createElement”的等价物?
web-component - StencilJS 组件样式
styles
使用选项/属性的正确方法是ComponentDecorator
什么?将属性与存储库stencil-component-starterstyles
中的默认组件一起使用似乎不会影响相应组件的样式,也不会在. 打算如何工作?还是尚未实施?如果目标是避免需要加载单独的 CSS 资产,但为组件提供样式,那将是正确的选择,还是需要使用其他属性?my-name
<style>
<head>
styles
styles
host
下面是从 stencil-component-starter] 1生成的示例组件,其中stylesUrl
@Component 属性替换为styles
属性和设置font-size
属性。dev
或build
任务期间不会产生错误。
ComponentDecorator
定义为:
感谢您提供任何帮助!
angular - StencilJS 会在 Ionic 中作为开发选项提供吗?
我想知道 Stencil JS 是否会被用作在 Ionic 中开发移动应用程序的一个选项。
让我解释一下我所说的“发展的选择”是什么意思。在 NativeScript 等其他框架中,您可以选择使用 Angular + Typescript 或 Javascript 启动新项目。此外,还存在其他“选项”(例如NativeScript 的 VueJS)
StencilJS 是 Angular 等现有 javascript 框架的有趣替代品,用它构建 Ionic 应用程序会很棒。
现在,由于StencilJS框架是由 Ionic 框架团队创建的,我想知道有一天它是否会作为 Angular 的替代品提供给所有 Ionic 开发人员。
xmlhttprequest - stenciljs 中的 http 请求
如何在 StencilJS 中发出 http 请求(GET / POST / PUT / DELETE)?
我尝试按如下方式使用 axios:Did npm install axios --save
and 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 请求的任何建议?
javascript - 在 stencilJS 中监听全局窗口事件
假设我在应用程序的某个地方有这样的东西:
在 stencilJS 文档中,他们说您可以像这样收听全局事件:
但是我找不到监听窗口上发出的事件的方法,就像我可以用纯 Javascript 监听它一样:
有任何想法吗?
local-storage - localStorage 未定义
我localStorage
在 StencilProject 上使用和 sessionStorage。我跑步npm run dev --prod
的时候就没事了。当我运行时,npm run build
这是 KO。即使出现此错误,我的应用程序在 Chrome 上运行良好,但在 Firefox 上却不行。错误是:
localStorage 未定义
所以我把我的电话从localStorage.getItem
改为window.localStorage
,所以现在我有以下错误:
无法读取未定义的属性“getItem”
localStorage
关于如何在产品兼容性中使用的任何想法?
ionic-framework - “IonButtonAttributes”类型上不存在属性“clear”
尝试通过组件重新构建 Ionic-Stencil HN 应用程序组件,重写所有内容以掌握它们如何协同工作,但在重写所有组件并确保任何文件中没有拼写错误并导入 @ionic/核心 npm 模块,我有这个错误:
显然只有一个问题:
究竟是什么原因造成的?我错过了什么?
javascript - 嵌套 Web 组件并将其与常规 HTML 混合
是否可以使用 Stencil 或 Polymer 创建独立的 Web 组件,然后将它们嵌套在另一个中?此外,是否可以将所有这些与常规 HTML 内容混合在一起?
我们将在这里有 3 个独立的组件,具有独特的样式和功能。
<comp-card>
<comp-avatar>
<comp-text-box>
它们应该嵌套在常规 HTML 中,例如:
今天是否有可能使用本机 Web 组件来实现这一目标?
javascript - 嵌套组件如何在 Stencil 中工作?
我在 Stencil 的官方文档中找到了这些片段。
如果不提供 child component 的路径,我无法理解my-embedded-component如何在my-parent-component 中访问。谁能帮我理解这个概念?
子组件
父组件