Questions tagged [stencil-component]
82 questions
1
vote
0 answers
Weird problem when using neo4j-driver together with Stencil
So, I recently tried to use the TS neo4j-driver (neo4j-driver), which of course works as supposed inside a TS app.
However, when I try to use neo4j-driver in combination with Stencil, I get a compiler error from the stencil compiler (Node Polyfills…
lightxx
- 1,037
- 2
- 11
- 29
1
vote
1 answer
How to integrate vega chart to stencil js component?
I am trying to create a stencil js component using vega chart, according to vega manual i installed 3 packages:
npm install vega
npm install vega-lite
npm install vega-embed
and trying to import
import { Vega } from 'vega'
and get this.
Module…
Denys
- 283
- 2
- 11
1
vote
1 answer
Stencil js component why can't I access class variable from internal method?
Does anyone know why by searchButtonClicked() method prints undefined?
import { Component, h } from '@stencil/core';
import { faMagnifyingGlass, faX } from '@fortawesome/free-solid-svg-icons';
@Component({
tag: 'search',
styleUrl:…
Ali Hejazi
- 33
- 4
1
vote
1 answer
stencil config copy - 'copy' does not exist in type 'StencilConfig'
How can I use 'copy' in stencil config, I am trying to make all i18n.json be available after compilation.
export const config: Config = {
namespace: 'components',
plugins: [
...
],
outputTargets: [
...
],
copy: [
{
src:…
Evan
- 2,327
- 5
- 31
- 63
1
vote
1 answer
How to prevent CSS from being auto-appended to bottom of the head element
A group of volunteers has created a single/multi-select web component using StencilJS: https://github.com/NothingAG/adg-components
For this web component, Shadow DOM is not enabled so that developers can override/customise styles.
Now we want to…
Joshua Muheim
- 12,617
- 9
- 76
- 152
1
vote
1 answer
stencil init ---> not ok -- TypeError: this.breakLines(...).flat is not a function
While setting up local in my machine(windows), I am getting following error on running "stencil init"
C:\Users>stencil init
not ok -- TypeError: this.breakLines(...).flat is not a function
Please visit the troubleshooting page…
Singh
- 21
- 1
1
vote
3 answers
Stencil rerender children with updated prop values
I want a parent component to manage a central state of the application and pass down the relevant information to its children, re-rendering them as needed. This is how I understood parent/child communication in Stencil - the parents send data to the…
Ethan
- 35
- 6
1
vote
1 answer
Stencil JS - How to also distribute a set of shared methods
I have this simple component that is compiled to a web-component by Stencil:
import { Component, h, Prop } from "@stencil/core";
import { IAuthLoginConfig } from "../../interfaces";
import { initAuth } from "../../services";
@Component({
tag:…
Jeroen De Groote
- 78
- 5
1
vote
1 answer
SencilJS updating array
I want to create component with table which have add, update, delete operations.
But when I try to add some test element to array I got this error
Uncaught TypeError: this.documents is not iterable at HTMLButtonElement.addNewDocument
This is simple…
Paul Maclean
- 19
- 1
- 3
1
vote
0 answers
How to return Stencil VNode element in React?
Does anybody know whether it is possible to return the VNode element in React application as the property of the Stencil-based component?
The idea behind it is to use the property as React.ReactNode but in Stencil.
I have tried
return…
Bohdan Yavorskyi
- 11
- 1
1
vote
1 answer
Stenciljs @State() not working for Key:Value pairs
I have a Key: Value pair object in my Stenciljs project with the @State() decorator so the components re-render when one or more of the values are updated but the re-rendering does not happen. my object looks like this:
@State() selected: {[key:…
ElPsyCongoro
- 31
- 5
1
vote
1 answer
is there a way to output specific part of array depending on the user's country?
I'm trying to get values of name: and value: depending on the user's country code. So example users location is 'DE' it should output:
TRS_TITLE_DE
Harry Potter Chamber Of Secrets I Hard Back Case Compatible With Apple iPhone 12
This is the…
nipulse
- 13
- 3
1
vote
0 answers
Stencil Creating `.stencil` folder instead of `components` inside `dist/types` directory
Stencil Creating .stencil folder instead of components inside dist/types directory
I have tried with version 2.1.2 / 2.4.0/ 2.5.0
In all the cases, it is creating .stencil directory which contains all the components.
In other team mates system, it…
Shyam Kumar
- 586
- 3
- 17
1
vote
0 answers
How to Render StencilJs components in ASP.NET-CORE
I've created a few web components using StencilJs and published them to npm. How to use these component s in ASP.NET core?
Yash1th
- 77
- 7
1
vote
1 answer
How can I safely manipulate DOM in a StencilJS component?
I'm trying to safely remove a DOM node from a component made whit StencilJS.
I've put the removing code in a public method - It's what I need.
But, depending on which moment this method is called, I have a problem. If it is called too early, it…
gulima
- 139
- 2
- 11