翻工第二次 Ant Design Pro 下载，发现问题，电脑网络配置有误，魔法了

一、相关网址链接

鱼皮的用户中心项目 （前端Ant Design Pro构建） · 语雀

## 没有选择umi版本这一步 · Issue #11144 · ant-design/ant-design-pro · GitHub

关于umi ui图标未显示问题_umi ui不出现-CSDN博客

二、存在问题

 导致下载速度慢

本人镜像代码写错了，写完后，没跟着博客，去看下一步校验

正确地址如下：

网址：

npm install报错，解决记录_npm warn using --force recommended protections dis_npm warn deprecated svgo@1.3.2: this svgo version -CSDN博客

【可参考】不要用这条指令：yarn config set registry https://registry.npmmirror.com

​

​

​

 【未解决】 终端，输入 yarn，报错

2.1ant design pro 脚手架版本太高了，导致出现不了选择umi3还是4，将版本换成 3.1.0

先卸载原有版本，

再安装就版本 3.1.0

再查看版本

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

按照这个网址操作

关于umi ui图标未显示问题_umi ui不出现-CSDN博客

打开项目，安装依赖

重新下载 ant design pronp-CSDN博客

下载umi

三、打开软件

网址：

下载umi

yarn add @umijs/preset-ui -D

 1) 报错

date-fns日期格式化_date-fns简介–轻量级JavaScript日期库-CSDN博客

单独下载这个包报错

npm install date-fns --save

npm报错：request to https://registry.npm.taobao.org failed, reason certificate has expired-CSDN博客

npm cache clean--force

第二步扩展

成功了

再去下载，安装失败的包

npm install date-fns --save

成功了

2) [搞不定]报错

error An unexpected error occurred: "https://registry.npmmirror.com/@ant-design/icons/-/icons-4.8.0.tgz: ESOCKETTIMEDOUT". - CSDN文库

测试开发【Mock平台】03基础：初识Antd React 开箱即用中台前端框架_antd 集成mock工具-CSDN博客

正确解决方法：

yarn add @ant-design/icons-svg

3）换种方法

先清空

再安装

# 打开开发模式下页面右下角的小气泡，方便添加区块和模版等pro资产
tyarn add @umijs/preset-ui -D
 

又有新的错误

输入

npm install antd@4.24.16

综上所述

1）nodejs  版本16左右

2）yarn 安装成功，并看到版本

3）注册号，淘宝镜像要是最新的，别过期了，使用国内下载

4）ant design pro 脚手架，需降级到3.1.0

5）umi 别忘了装

6）如果有错误，需要情空，请按要求走。npm cache clean --force 

7）部分包安装失败，只装部分包就行了，没必要，重头来