鱼皮大佬用户中心项目出现的问题

刚开始跟着做，发现安装ant design pro的时候就不一样了，当然可以按照官网最新版的方法安装也就是

npm i @ant-design/pro-cli -g

但是安装之后创建项目时候发现无法选择umi@3，查到了原因是因为最新版的默认创建的时候都是umi4与umi ui不再兼容.

然后导入项目用yarn安装依赖，但是不知道为什么我用node16和node18都不行，node20可以

但是这样的方法再安装umi ui的时候发现即使成功了打开之后也没有悬浮穿小工具。

umi安装老指令

yarn add @umijs/preset-ui -D

原因：我看了一下最新版的官网已经没有安装umi ui相关的指令了，按照之前的指令安装虽然会成功但是不会显示悬浮窗。

于是我尝试删除最新版的ant design pro 下载了3.1.0老版本的，指令还是给大家，想试试的可以尝试

npm i @ant-design/pro-cli@3.1.0 -g

 安装之后可以选择umi3（当时看到这一步心里暗自窃喜），打开之后也可以按老指令安装umi ui，然后运行之后就会出现工具悬浮窗（以为成功了），但是即使出现了工具，点击创建的时候会显示

Umi UI连接失败，请尝试重启dev服务（心态崩了！）

查了一些资料，说是因为淘宝的镜像太老了，我换了最新的还是不行。

因为这东西弄了一下午，我暂时是找不到解决方法，如果有找到解决方法的同学可以在评论区分享一下，避免像我这样的初学者踩坑