ant design pro v4安装区块报错

根据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运行即可

ant design pro v4安装区块报错_第1张图片

你可能感兴趣的:(问题解决记录)