da2k / curso-reactjs-ninja

917 stars 322 forks source link

M2#A30 #575

Closed SallesCosta closed 2 years ago

SallesCosta commented 2 years ago

Bom dia mestre Daciuk, na instalação do storyBook eu fiz:

yarn add global getstorybook em seguida: getstroybook e então : yarn add global getstorybook

Tive muitos 'warnings' (foto) Screenshot 2022-02-05 at 12 03 34

porém ele 'rodou' na porta 6006.

Ao entrar em localhost:6006, não vejo nada. O navegador nao renderizou nada embora o favicon so SB tenha vindo corretamente.

Screenshot 2022-02-05 at 12 17 45

Eu gostaria de manter tudo usando o yarn (só questão de costume). Mas eu tentei o mesmo procedimento com npm.. npx.. e cheguei no mesmo problema.

Será que 'comi-barriga' em alguma parte?

Segue o repositório abraços @fdaciuk

SallesCosta commented 2 years ago

@fdaciuk => Tentei tbm as soluções que vc sugeriu nas outras issues da M2#30. O problema persiste.

fdaciuk commented 2 years ago

Oi @SallesCosta! Você chegou a desinstalar o getstorybook, e instalou a versão 1.6.1 dele de forma global? Pode ser com Yarn mesmo =)

SallesCosta commented 2 years ago

nao, na verdade eu criei um projeto com Vite só pra estudar o storybook. Como vi que estava dando erro, deletei o projeto e fiz outro. está vindo a versao 1.7.0 Screenshot 2022-02-06 at 10 03 45

Screenshot 2022-02-06 at 10 04 40

e então eu chego no mesmo lugar.. ao dar yarn run storybook

fdaciuk commented 2 years ago

Consegue compartilhar o seu projeto em um repositório aqui no GitHub?

SallesCosta commented 2 years ago

aqui

fdaciuk commented 2 years ago

É, realmente essa versão do storybook não vai funcionar com as versões mais novas dos bundlers :(

Bom, tem duas opções aqui: para pegar "a base" do storybook mostrada no curso, você pode usar esse setup que nós fizemos no curso, e instalar o storybook com npx getstorybook@latest para instalar a versão mais recente gerada pelo getstorybook.

Isso vai funcionar pra você conseguir entender como o storybook funciona.

Se quiser usar a versão mais recente do storybook, aí você pode usar a config que você já está usando, mas algumas coisas importantes mudaram desde a versão mostrada na aula. Para aprender, nesse caso, teria que seguir pela documentação mesmo =)

SallesCosta commented 2 years ago

excelente mestre.. vou assistir as aulas.. mas na hora de aplicar vou pela documentação mesmo.. se quiser, pode fechar a issue.. se eu precisar eu procuro ela aqui. Valeu

fdaciuk commented 2 years ago

Legal! Você pode até aplicar usando o setup que eu passei acima, está bem simples.. depois vc vai na doc e só vê o que mudou =)

Mas é isso, qualquer coisa, só avisar :D