tsdx问题-创建一个带有模板的项目

Question

我想用Storybook创建UI组件库并做出反应。这是我第一次使用故事簿，我只是按照文档中的说明：https://tsdx.io/#quick-start

1. 我在终端
2. 中输入了npx tsdx create my-components，终端让我选择模板，我选择了

该项目开始安装打包，然后在安装过程中被卡住。我等了大约半小时，它才发出错误消息，如下所示：

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: mycomponents@0.1.0
npm WARN Found: react@17.0.2
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 react-dom@17.0.2
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: mycomponents@0.1.0
npm WARN Found: react@17.0.2
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 react-dom@17.0.2
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: mycomponents@0.1.0
npm WARN Found: react@17.0.2
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 react-dom@17.0.2
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: mycomponents@0.1.0
npm WARN Found: react@17.0.2
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 react-dom@17.0.2
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: mycomponents@0.1.0
npm WARN Found: react@17.0.2
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 react-dom@17.0.2
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: mycomponents@0.1.0
npm WARN Found: react@17.0.2
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 react-dom@17.0.2
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: mycomponents@0.1.0
npm WARN Found: react@17.0.2
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 react-dom@17.0.2
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: mycomponents@0.1.0
npm WARN Found: react@17.0.2
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 react-dom@17.0.2
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: mycomponents@0.1.0
npm WARN Found: react@17.0.2
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 react-dom@17.0.2
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: mycomponents@0.1.0
npm WARN Found: react@17.0.2
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 react-dom@17.0.2
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: mycomponents@0.1.0
npm WARN Found: react@17.0.2
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 react-dom@17.0.2
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: mycomponents@0.1.0
npm WARN Found: react@17.0.2
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 react-dom@17.0.2
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: mycomponents@0.1.0
npm WARN Found: react@17.0.2
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 react-dom@17.0.2
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: mycomponents@0.1.0
npm WARN Found: react@17.0.2
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 react-dom@17.0.2
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: mycomponents@0.1.0
npm WARN Found: react@17.0.2
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 react-dom@17.0.2
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: mycomponents@0.1.0
npm WARN Found: react@17.0.2
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 react-dom@17.0.2
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: mycomponents@0.1.0
npm WARN Found: react@17.0.2
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 react-dom@17.0.2
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: mycomponents@0.1.0
npm WARN Found: react@17.0.2
npm WARN node_modules/react
npm WARN   dev react@"*" from the root project
npm WARN   6 more (react-syntax-highlighter, ...)

由于错误信息太长，我只复制和粘贴了其中的一部分。

我将节点更新为16.16.0和npm 8.11.10。

有谁知道哪里出了问题，我如何解决问题？

Answer 1

我昨晚找到了解决办法。我使用nvm将Node版本降级为14.20.0，只运行相同的命令npx，创建我的组件，并选择模板与故事书反应。安装工作花了一段时间，但安装成功了。