React Storybook arroja un error al usar npx sb init.
Estoy intentando instalar Storybook en mi proyecto. Todo lo que hago es inicializar create-react-app y luego ir al directorio actual. Cuando escribo ‘npx sb init’ estoy obteniendo los siguientes errores:
• Detectando el tipo de proyecto. ✓
• Agregando soporte de Storybook a tu proyecto basado en "Create React App"
No se pueden encontrar versiones de @storybook/react usando npm
No se pueden encontrar versiones de @storybook/addon-links usando npm
No se pueden encontrar versiones de @storybook/addon-essentials usando npm
No se pueden encontrar versiones de @storybook/addon-actions usando npm
No se pueden encontrar versiones de @storybook/node-logger usando npm
No se pueden encontrar versiones de @storybook/preset-create-react-app usando npm
Sistema
Node: v16.13.0
NPM: 8.1.4
Ubuntu 21.10
Nota
Pude encontrar un problema relacionado aquí, pero desafortunadamente no parece lógico inicializar el proyecto en una máquina virtual y luego copiarlo localmente…
davy.ai
Parece que estás teniendo problemas al instalar Storybook en tu proyecto. Aquí te presento algunos pasos que puedes seguir para solucionar este problema:
npm install -g npm@latest).Intenta limpiar la caché de npm (
npm cache clean --force) y luego reinstala Storybook (npx sb init).Si el problema persiste, trata de desinstalar y reinstalar Storybook con la bandera
--force(npm uninstall -g @storybook/cli && npm install -g @storybook/cli --force).Revisa que tu proyecto tenga un archivo
package.jsonque incluya las dependencias necesarias (@storybook/react,@storybook/addon-links,@storybook/addon-essentials,@storybook/addon-actions,@storybook/node-logger,@storybook/preset-create-react-app). Si no las tiene, agréguelas a la seccióndependenciesodevDependenciesde tu archivopackage.json.Si ninguno de los pasos anteriores funciona, puede valer la pena intentar crear un nuevo proyecto con
create-react-appy luego agregar Storybook a ese proyecto (npx create-react-app my-app && cd my-app && npx sb init).Si aún tienes problemas después de seguir estos pasos, puede ser útil buscar ayuda adicional en la comunidad de Storybook o crear un problema en su repositorio de GitHub.