Component not being rendered with Vite + preact-ts template
- Lingua principale
- TypeScript
- Stelle
- 1.4k
- Fork
- 59
- Merge medio
- 22h 12m
- PR unite (30g)
- 5
Descrizione
Using ` plugins: [ preact() ]` in `vite.config.js`
Tried to create a basic component, as shown in the guide:
```js
import {controller} from '@github/catalyst';
@controller
class TestThingElement extends HTMLElement {
connectedCallback() {
this.innerHTML = 'Hello World!';
}
}
```
Then use it from HTML:
```html
```
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:
```js
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.
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
Start with the Vite configuration using the preact plugin and reproduce the issue from the preact-ts template. Compare the transpiled decorator output with the working version without the plugin; done means the @controller-decorated custom element renders in the HTML while the preact plugin remains enabled.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- typescript, vite
- Ambito
- frontend
- Tipo di issue
- Bug
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 42/100