Búsqueda de sitios web

reactjs - problema con tsdx - falló la creación de un proyecto con la plantilla react-with-storybook

Quería crear una biblioteca de componentes de UI con Storybook y React. Era mi primera vez usando Storybook y simplemente seguí las instrucciones de la documentación: https://tsdx.io/#quick-start

  1. Escribí npx tsdx create my-components en la terminal
  2. El terminal me pidió que eligiera plantilla y elegí react-with-storybook

El proyecto comenzó instalando el paquete y luego se quedó atascado durante el proceso de instalación. Esperé alrededor de media hora antes de que apareciera el mensaje de error como se muestra a continuación:

npm WARN   dev react-dom@"*" from the root project
npm WARN   5 more (react-element-to-jsx-string, @storybook/theming, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email 
npm WARN Found: [email 
npm WARN node_modules/react
npm WARN   dev react@"*" from the root project
npm WARN   6 more (react-syntax-highlighter, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"17.0.2" from [email 
npm WARN node_modules/react-dom
npm WARN   dev react-dom@"*" from the root project
npm WARN   5 more (react-element-to-jsx-string, @storybook/theming, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email 
npm WARN Found: [email 
npm WARN node_modules/react
npm WARN   dev react@"*" from the root project
npm WARN   6 more (react-syntax-highlighter, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"17.0.2" from [email 
npm WARN node_modules/react-dom
npm WARN   dev react-dom@"*" from the root project
npm WARN   5 more (react-element-to-jsx-string, @storybook/theming, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email 
npm WARN Found: [email 
npm WARN node_modules/react
npm WARN   dev react@"*" from the root project
npm WARN   6 more (react-syntax-highlighter, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"17.0.2" from [email 
npm WARN node_modules/react-dom
npm WARN   dev react-dom@"*" from the root project
npm WARN   5 more (react-element-to-jsx-string, @storybook/theming, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email 
npm WARN Found: [email 
npm WARN node_modules/react
npm WARN   dev react@"*" from the root project
npm WARN   6 more (react-syntax-highlighter, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"17.0.2" from [email 
npm WARN node_modules/react-dom
npm WARN   dev react-dom@"*" from the root project
npm WARN   5 more (react-element-to-jsx-string, @storybook/theming, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email 
npm WARN Found: [email 
npm WARN node_modules/react
npm WARN   dev react@"*" from the root project
npm WARN   6 more (react-syntax-highlighter, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"17.0.2" from [email 
npm WARN node_modules/react-dom
npm WARN   dev react-dom@"*" from the root project
npm WARN   5 more (react-element-to-jsx-string, @storybook/theming, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email 
npm WARN Found: [email 
npm WARN node_modules/react
npm WARN   dev react@"*" from the root project
npm WARN   6 more (react-syntax-highlighter, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"17.0.2" from [email 
npm WARN node_modules/react-dom
npm WARN   dev react-dom@"*" from the root project
npm WARN   5 more (react-element-to-jsx-string, @storybook/theming, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email 
npm WARN Found: [email 
npm WARN node_modules/react
npm WARN   dev react@"*" from the root project
npm WARN   6 more (react-syntax-highlighter, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"17.0.2" from [email 
npm WARN node_modules/react-dom
npm WARN   dev react-dom@"*" from the root project
npm WARN   5 more (react-element-to-jsx-string, @storybook/theming, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email 
npm WARN Found: [email 
npm WARN node_modules/react
npm WARN   dev react@"*" from the root project
npm WARN   6 more (react-syntax-highlighter, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"17.0.2" from [email 
npm WARN node_modules/react-dom
npm WARN   dev react-dom@"*" from the root project
npm WARN   5 more (react-element-to-jsx-string, @storybook/theming, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email 
npm WARN Found: [email 
npm WARN node_modules/react
npm WARN   dev react@"*" from the root project
npm WARN   6 more (react-syntax-highlighter, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"17.0.2" from [email 
npm WARN node_modules/react-dom
npm WARN   dev react-dom@"*" from the root project
npm WARN   5 more (react-element-to-jsx-string, @storybook/theming, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email 
npm WARN Found: [email 
npm WARN node_modules/react
npm WARN   dev react@"*" from the root project
npm WARN   6 more (react-syntax-highlighter, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"17.0.2" from [email 
npm WARN node_modules/react-dom
npm WARN   dev react-dom@"*" from the root project
npm WARN   5 more (react-element-to-jsx-string, @storybook/theming, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email 
npm WARN Found: [email 
npm WARN node_modules/react
npm WARN   dev react@"*" from the root project
npm WARN   6 more (react-syntax-highlighter, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"17.0.2" from [email 
npm WARN node_modules/react-dom
npm WARN   dev react-dom@"*" from the root project
npm WARN   5 more (react-element-to-jsx-string, @storybook/theming, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email 
npm WARN Found: [email 
npm WARN node_modules/react
npm WARN   dev react@"*" from the root project
npm WARN   6 more (react-syntax-highlighter, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"17.0.2" from [email 
npm WARN node_modules/react-dom
npm WARN   dev react-dom@"*" from the root project
npm WARN   5 more (react-element-to-jsx-string, @storybook/theming, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email 
npm WARN Found: [email 
npm WARN node_modules/react
npm WARN   dev react@"*" from the root project
npm WARN   6 more (react-syntax-highlighter, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"17.0.2" from [email 
npm WARN node_modules/react-dom
npm WARN   dev react-dom@"*" from the root project
npm WARN   5 more (react-element-to-jsx-string, @storybook/theming, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email 
npm WARN Found: [email 
npm WARN node_modules/react
npm WARN   dev react@"*" from the root project
npm WARN   6 more (react-syntax-highlighter, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"17.0.2" from [email 
npm WARN node_modules/react-dom
npm WARN   dev react-dom@"*" from the root project
npm WARN   5 more (react-element-to-jsx-string, @storybook/theming, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email 
npm WARN Found: [email 
npm WARN node_modules/react
npm WARN   dev react@"*" from the root project
npm WARN   6 more (react-syntax-highlighter, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"17.0.2" from [email 
npm WARN node_modules/react-dom
npm WARN   dev react-dom@"*" from the root project
npm WARN   5 more (react-element-to-jsx-string, @storybook/theming, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email 
npm WARN Found: [email 
npm WARN node_modules/react
npm WARN   dev react@"*" from the root project
npm WARN   6 more (react-syntax-highlighter, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"17.0.2" from [email 
npm WARN node_modules/react-dom
npm WARN   dev react-dom@"*" from the root project
npm WARN   5 more (react-element-to-jsx-string, @storybook/theming, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email 
npm WARN Found: [email 
npm WARN node_modules/react
npm WARN   dev react@"*" from the root project
npm WARN   6 more (react-syntax-highlighter, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"17.0.2" from [email 
npm WARN node_modules/react-dom
npm WARN   dev react-dom@"*" from the root project
npm WARN   5 more (react-element-to-jsx-string, @storybook/theming, ...)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email 
npm WARN Found: [email 
npm WARN node_modules/react
npm WARN   dev react@"*" from the root project
npm WARN   6 more (react-syntax-highlighter, ...)

Como el mensaje de error era tan largo, solo copié y pegué una parte de él.

Actualicé Node a 16.16.0 y npm a 8.11.10.

¿Alguien sabe qué salió mal y cómo puedo resolver el problema?

Respuesta #1

Descubrí la solución anoche. Usé nvm para degradar la versión de Node a 14.20.0 y simplemente ejecuté el mismo comando npx tsdx create my-components y elegí la plantilla react-with-storybook. La instalación tardó un poco, pero se instaló correctamente.