按照官网搭建后台管理控制台的脚手架Ant Design Pro官网。

前言

---

本来以为按照官网步骤搭建还是挺简单的，没想到第一步就出错了。yarn 配置好了但是这个命令在我ide里面一直有问题。create的时候一直报错

文件名、目录名或卷标语法不正确
百度了一番最终也没有解决这个问题，换成npm方式创建了。

npm create umi

出现下面 代码回车继续执行。

Select the boilerplate type (Use arrow keys)
❯ ant-design-pro - Create project with an layout-only ant-design-pro boilerplate, use together with umi block.
app - Create project with a simple boilerplate, support typescript.
block - Create a umi block.
library - Create a library with umi.
plugin - Create a umi plugin.

下载完成之后按照官方教程下载依赖

npm install

启动报错umi错误

npm install umi -g

npm install umi -g npm install umi -g

安装umi.

cnpm install umi -g

启动还是报错。

image.png

删除掉node_modules依赖，使用cnpm install重新下载依赖。这次没有出现问题。正常启动了

image.png 访问localhost:8000

可以在 pro 项目跟目录中执行 npm run fetch:blocks 来下载所有的区块.

npm run fetch:blocks

不出所料下载的时候又报错了，错误信息如下。

image.png
重新下载，虽然不报错了，但是下载不动，昨天晚上下载到今天早晨愣是没下载完。重新用cnpm run fetch:blocks下载，这次运气比较好一会功夫下载完了。

就在感觉大功告成的时候，启动又报错了。感觉这东西太不稳定了，比maven差太多了。

image.png
反反复复，总的来说还是下载的问题。如果确实出现下载启动失败。可以下载doc目录下的antd-pro更新依赖启动即可。antd-pro.zip image.png