用户中心项目安装ant-design-pro 5 & umi3

今天真是快被这小东西折磨s了，折腾了特别久，来来回回安装卸载了好多次才成功。。。问就是我比较菜，然后有点强迫症，就像搞出小气泡。记录一下今天的教训吧。

关于安装ant-design-pro 5和 umi3

这是在github上看到的，出处：https://github.com/ant-design/ant-design-pro/issues/11144

（1）如果已经安装了ant-design-pro，用不了umi3想换回来的，请执行以下命令卸载，如未安装则跳过这一步。

（2）安装ant-design-pro 5

（3）创建项目即可选择umi@3

至此打开项目看见umi3非常开心，不过在yarn下载完依赖之后发现运行

报错 Error: error:0308010C:digital envelope routines::unsupported

百度了一下，据说是node17之后有的问题，参见http://t.csdnimg.cn/RXkkZ，我在命令行执行了这个（我是Mac）

如果是win执行这个

此时我的node版本是20.11.1，可惜的是执行完发现还是报错，没有效果，老实切回鱼皮的版本16.14.0。我是mac就直接用n切的，win可以考虑nvm，或者用node解压版软件然后配置一下环境变量（.zip那种压缩包，不是msi的，这个比较麻烦一些）。

到这里执行npm run start已经可以运行了，但是还没有umi的小气泡工具，所以又按照鱼皮的教程执行了

按道理这里执行完运行就该有了，但是我在下载过程中又碰到新的bug了

error commander@12.0.0: The engine "node" is incompatible with this module. Expected version ">=18". Got "16.14.0"error Found incompatible module.info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.

（！！这里说明一下，最后下载完也还是有这个报错，但是不影响umi的使用，所以我也不太记得这里和后面的错误的出现顺序，当时整得脑子比较混乱，只知道文件报错了，umi也下载不下来，就一直折腾，你们可以直接下载后先运行看看。另外：mac用户如果没开放权限，下载失败的话记得加上sudo）

看起来在说我的node版本不够，但是到这里我已经切换过很多次各种版本的各种软件，只想老老实实跟着鱼皮哥走，所以搜了一下，大致是这么解决的：参照 http://t.csdnimg.cn/5S2au，执行

不过呢，下载还是卡住了，在vscode的问题面板发现说我的 tsconfig.json 文件报错，当时是下面这行报红。

解决方法：http://t.csdnimg.cn/GiqU7，在下面加了一行

至此执行umi的下载后就可以正常运行了，小气泡也出现了，输出一口恶气~

纪念一下最后成功运行的超开心时刻：

小气泡真可爱（gaisi）

嘿嘿晚安~