Playground miscompiling code - force including solid-js/web

Aberta
  • Algo errado?
#175 0 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
4/5
Tempo estimado
3-5 dias
Facilidade para iniciantes
35/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
typescript
Domínio
compilers, devtools

Direção de pesquisa

Nenhum arquivo ou teste foi nomeado. Comece rastreando o caminho de compilação do playground no universal-mode e compare a saída gerada para os exemplos component e lowercase-element; inspecione onde os imports de solid-js/web são incluídos. Está concluído quando a saída em runtime corresponder à saída universal exibida para ambos os exemplos.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

I work on the Solid Lightning and added the universal rendering support.

I have the playground working with:

import { renderSync as render, View, Text,  startLightning } from "@lightningjs/solid"

await startLightning();

render(() => (
  <View width="1920" height="1080">
    <View width="800" height="350" color="0x4169e1ff"/>
    <Text>Hello World</Text>
  </View>
));

Setting output to universal mode.

However, when I replace View or Text function component with node or text (simple element) like so:

import { renderSync as render, View, Text,  startLightning } from "@lightningjs/solid"

await startLightning();

render(() => (
  <View width="1920" height="1080">
    <View width="800" height="350" color="0x4169e1ff"/>
    <text>Hello World</text>
  </View>
));

The output shows correctly:

image

But when the code runs however, it doesn't work and the debugger shows the code as:

Screenshot 2024-04-24 at 7 38 31 AM
Linguagem predominante
TypeScript
Estrelas
246
Forks
71
Merge médio
5min
PRs com merge (30d)
6

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de solidjs/solid-playground

Todas as issues de solidjs/solid-playground

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.