1
resposta

Erro instalação do Storybook

Ola tido bem? Eu tentandio instalar o storybook no terminal do VS Code mas ficou assim seguinte:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Como resolver isso? Esta faltando algo?

1 resposta

Olá.

Isso acontece porque a versão do Storybook (7.0.12) que você instalou está desatualizada e não é compatível com o Next.js 13.4.2, que você está usando no projeto.

Como resolver (passo a passo)

Remover a versão antiga do Storybook No terminal, digite:

npm uninstall @storybook/* eslint-plugin-storybook storybook

Isso remove todas as versões antigas do Storybook.

Instalar a versão mais recente do Storybook Agora, instale o Storybook com suporte melhor ao Next.js 13+:

npx storybook@latest init

Esse comando:

  • Detecta que seu projeto usa React + Next.js
  • Instala a última versão compatível do Storybook
  • Configura automaticamente o ambiente com addons atualizados

Rodar o Storybook Depois que a instalação for concluída, rode:

npm run storybook

E abre o navegador em http://localhost:6006.

Se der erro mesmo após isso, tenta apagar a pasta node_modules e o package-lock.json:

rm -rf node_modules package-lock.json
npm install