Tag: STENCILJS
Tengo algunos componentes de stencil desarrollados, pero después de la construcción de producción, el archivo js dist incluido en HTML plano y usando el componente como <my-comp></my-comp> no está funcionando allí, obteniendo un error debido a que se llama a “delete” en ‘incluido’ no está permitido en el modo estricto. . . . Read more
Es un poco desafiante encontrar una solución para integrar una aplicación de React en una aplicación de Angular. En general, hay 2 componentes clave en todo el trabajo: Atlasmap (de código abierto) y Angular. Estoy trabajando en la integración de Atlasmap en Angular 12. Atlasmap es una aplicación de mapeo . . . Read more
Tengo un componente padre y un componente hijo. El componente hijo crea campos de entrada de formulario con referencias dinámicas para obtener el valor o validar como esto: private buildTextField(formElement: FormBuilderElement): HTMLInputElement { return <input type=”text” name=”{formElement.name}” id=”{formElement.name}” value=”” required=”{formElement.required}” ref=”{(el)” ==””> this[`${formElement.name}_ref`] = el as HTMLInputElement} />; } render() . . . Read more
Actualmente estoy luchando para realizar pruebas unitarias en mi código Stencil, debido a que el informe está roto. Encontré algunas preguntas similares, pero todas mencionan el problema de que no se muestra ningún porcentaje. El mío es diferente, donde el informe (también en HTML) me muestra una línea completamente equivocada . . . Read more
Tengo este componente simple que se compila a un web-component usando Stencil: import { Component, h, Prop } from “@stencil/core”; import { IAuthLoginConfig } from “../../interfaces”; import { initAuth } from “../../services”; @Component({ tag: “login-button”, styleUrl: “login-button.css”, }) export class LoginButton { @Prop() public baseUrl: string = “/oidc/v1/authorize”; @Prop() public . . . Read more