1
resposta

Problema com extensão ts nos arquivos main dentro de .storybook

Ao tentar mudar o caminho default de stories para src tive erro ao montar o menu lateral, vi que na aula o arquivo main dentro da pasta esta como js e como modulo export porem ao instalar o storybook com o comando npx init storybook ele configura esses arquivos com extensao tsx

Porem no video mostra como extensão js.

Ainda estou tentando configurar como e a versaõ mais atual do storybook que esta diferente do video.

Se puderem informar como fazemos as configurações atualizada por favor....

1 resposta

Se você quiser mudar o jeito que o Storybook funciona, faz assim

  1. Se quiser usar JavaScript em vez de TypeScript, muda a extensão dos arquivos de configuração de** .tsx para .js**. Porém, se seu projeto já está usando TypeScript, é melhor manter tudo em TypeScript para evitar confusão.

  2. Para dizer ao Storybook onde procurar as histórias (stories), vai até o arquivo main.js (ou main.tsx, se você estiver usando TypeScript). Lá, vc precisa indicar o caminho para as histórias. Na aula se não me engano, o caminho está configurado para procurar histórias com a extensão .mdx na pasta src. Se quiser que o Storybook procure em outro lugar, é só mudar esse caminho.

Ex: se tu quiser que o Storybook va procurar as histórias na pastade components, muda o caminho para '../src/components/**/*.stories.mdx', algo assim.

Tenta sempre usar a mesma versão do curso amigo, que daí não rola erros.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software