根据antd-pro官网给出的安装方法,在安装和运行antd-pro v4项目中失败了很多次,安装依赖install失败,添加单个区块及安装全部区块都不能成功运行。。在研究了大半天后终于解决,其实非常简单。从一开始创建项目时就注意,要用npm 不能用淘宝镜像cnpm!!!block 默认会使用 npm,为了避免其中哪步又出现问题,建议全部不要使用cnpm都用npm。
安装过程:
(1) 新建一个文件夹,在文件夹里执行
yarn create umi
或者
npm create umi
(2)选择 ant-design-pro:
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.
(3)再选择JavaScript(推荐ts,但是因为自己还没系统学习ts,项目赶工期,所以使用了js)
Which language do you want to use? (Use arrow keys)
TypeScript
❯ JavaScript
(4)执行
npm install
npm start
安装单个区块时进入预览页面,以分析页为例,点击右下角下载图标,复制命令进行安装,安装完再执行npm start运行即可
版权声明:本文为qq_35419734原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。