Component not being rendered with Vite + preact-ts template
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Accessibilité débutants
- 42/100
- Type d'issue
- Bug
- Clarté
- Plutôt claire
- Activité
- À l'abandon
- Stack technique
- typescript, vite
- Domaine
- frontend
Piste de recherche
Commencez par la configuration de Vite utilisant le plugin preact et reproduisez le problème à partir du modèle preact-ts. Comparez la sortie transpilée du décorateur avec la version fonctionnelle sans le plugin ; la tâche est terminée lorsque l’élément personnalisé décoré avec @controller est rendu dans le HTML tandis que le plugin preact reste activé.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
Using plugins: [ preact() ] in vite.config.js
Tried to create a basic component, as shown in the guide:
import {controller} from '@github/catalyst';
@controller
class TestThingElement extends HTMLElement {
connectedCallback() {
this.innerHTML = 'Hello World!';
}
}
Then use it from HTML:
<test-thing></test-thing>
Nothing gets rendered on the page, and there's no errors. However, if I don't use the @controller decorator, or if I remove the preact plugin, it does work. I looked at the transpiled code and noticed this:
let TestThingElement = controller(_class = class TestThingElement2 extends HTMLElement {
Any idea what's going on here? I assume this is causing problems with how Catalyst uses the class name to determine the custom element tag.
- Langage dominant
- TypeScript
- Étoiles
- 1.4k
- Forks
- 61
- Merge moyen
- 1 j 15 h
- PR mergées (30 j)
- 8
Préparer son environnement
Lance le conteneur de développement du projet dans votre navigateur, avec votre propre compte GitHub.
- Aucun Dockerfile ni fichier Docker Compose
- Aucun modèle de pull request
- Lire le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de github/catalyst
-
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
-
Difficulté 3/5 1-2 jours Accessibilité débutants 62/100
-
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 20/100
-
EcmaScript DecoratorsOuverte
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 25/100
-
Difficulté 3/5 1-2 jours Accessibilité débutants 45/100
Toutes les issues de github/catalyst
Issues similaires
-
normalizePropName strips `#` characters from Figma property names instead of only the `#id` suffixOuverte
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
figma/code-connect#419 ·
-
bug
Difficulté 2/5 1-3 heures Accessibilité débutants 70/100
jeanibarz/knowledge-base-mcp-server#1268 ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 1/5 Moins d'une heure Accessibilité débutants 78/100
Koenkk/zigbee-herdsman-converters#13820 ·
Les mainteneurs répondent en général sous 2 jours
-
A live recovery copy treats a large whole number and text with the same digits as the same valueOuvertebug sharing & sync
Difficulté 2/5 1-3 heures Accessibilité débutants 64/100
Les mainteneurs répondent en général sous 1 jour
-
[prefer-expect-resolves] autofix leaves a stray ")" when the awaited expression is parenthesizedOuverte
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
jest-community/eslint-plugin-jest#2052 ·