翻工第二次 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)部分包安装失败,只装部分包就行了,没必要,重头来

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/9804.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

关于emulate

enumerate() 函数用于将一个可遍历的数据对象(如列表、元组或字符串)组合为一个索引序列,同时列出数据和数据下标,一般用在 for 循环当中。 enumerate() 函数的主要优势在于简化代码和提高可读性。它解决了在遍历可迭代对象时需要手动跟踪索引的问题。这在需要同时访问元素…

AI实景模型无人自动直播助手.减少商家在短视频线上卖货的成本,开启无人直播新时代!

在互联网时代,直播已经成为信息传播的主流方式,尤其是在年轻人中,直播更是备受追捧。然而,对于许多想要尝试直播的人来说,缺乏合适的主播可能成为一大障碍。那么,面对这一难题,如何实现手机无人…

C++ 常量

常量是指在程序运行过程中,其值不能被改变的量。 如:i255;arearr3.14; 在程序中直接使用数值有两个问题: 可读性差; 可维护差; 一 符号常量 C语言符号常量的顶用形式如下: 二 C99的const常量 C 语言co…

【C++】学习笔记——优先级队列

文章目录 十、优先级队列1. priority_queue的介绍2. 优先级队列如何使小的数据优先级高3. 仿函数介绍4. priority_queue的模拟实现 补: 反向迭代器未完待续 十、优先级队列 1. priority_queue的介绍 优先级队列 其实也不属于队列,它跟 stack 和 queue …

逗号运算符后不能和 return、break、continue 连用

【知识点】 为了简单直观,有的人喜欢将两条语句用逗号运算符隔开,写到一行。这在多数情况下,没有问题。但是,逗号运算符后不能和 return、break、continue 等连用。否则,就会报错:[Error] expected primary…

NSS刷题

1、[SWPUCTF 2021 新生赛]gift_f12 打开题目后查看源码无发现,用f12发现flag 2、[GDOUCTF 2023]hate eat snake 打开链接是一个贪吃蛇小游戏,f12找到js文件中有一个speed的语句,该语句的作用是使速度增加,因此,将该语…

引用数据类型 栈内存 堆内存

let m { a: 10, b: 20 }; let n m; n.a 15; console.log(m.a) // 15 原因:基本数据类型存储在栈内存中,引用数据类型存储在堆内存中 ,引用数据类型存储在堆内存中会在栈内存中创建一个指针,栈内存中的这个指针指向堆内存中的地…

SpringCloud生态体系介绍

Spring Cloud是一系列框架的有序集合。它利用Spring Boot的开发便利性巧妙地简化了分布式系统基础设施的开发,如服务发现注册、配置中心、智能路由、消息总线、负载均衡、断路器、数据监控等,都可以用Spring Boot的开发风格做到一键启动和部署。 SpringC…

linux上安装Jmeter环境

以前都是在Windows本机上使用界面版Jmeter,今天试一下安装到linux上在linux中使用,Jmeter的使用需要先安装jdk环境然后再配置jmeter。 1.配置环境 linux环境:Centos 8.2 64位 JDK版本:jdk-8u221-linux-x64.tar.gz (…

数据中心法

数据中心法是实现词法分析器的结构化方法。通过设计主表和子表分开存储状态转移信息,实现词法分析器的控制逻辑和数据结构分离。 主要解决了状态爆炸、难以维护和复杂性的问题。 状态爆炸是指当状态和转移较多时,单一使用一个表来存储所有的信息的话会导…

通俗的理解网关的概念的用途(二):不同区域的网络之间的访问方式

两个不同区域的网络互相访问,一般可以通过一种叫做“三层”的网络设备来进行通信: 一、网关方式: 本机A(192.168.1.1)访问目标 T10(10.10.10.10)时,由于根据本地网络的设置,操作系统通过计算得…

UE4BeginPlay执行流程

文章目录 UE4 BeginPlay执行流程源代码UGameInstance::StartPlayInEditorGameInstance:UWorld::BeginPlayAGameModeBase::StartPlayAGameStateBase::HandleBeginPlayAWorldSettings::NotifyBeginPlayAActor::DispatchBeginPlay UE4 BeginPlay执行流程 Created with Raphal 2.3.…

算法第63天 单调栈3

84 柱状图中最大的矩形 给定 n 个非负整数,用来表示柱状图中各个柱子的高度。每个柱子彼此相邻,且宽度为 1 。 求在该柱状图中,能够勾勒出来的矩形的最大面积。 def largestRectangleArea(heights):res0for i in range(len(heights)):left…

【Linux】如何查看Linux命令的使用方法

man cd | col -b > cdhelp.txt #查询帮助文档 man 命令用于查看 Linux 系统的在线帮助文档(man page)。man 是 “manual” 的缩写,通过它,你可以访问关于各种命令、函数、配置文件等的详细文档。 cd 是一个常用的命令&#xf…

YOLO数据集制作(一)|Labelme标注的矩形框json文件转txt

以下教程用于将使用Labelme软件标注生成的json格式文件转成YOLO使用的txt格式,适用场景:矩形框 使用方法:将json文件夹路径填到json_dir后, 将保存转化后txt的路径填入txt_dir后,运行即可转化。 运行完成后会生成label…

io流、字节流字符流区别

想象你正在做一道菜,需要准备材料和烹饪步骤。IO流就像是你在做菜时使用的工具,而字节流和字符流则是不同类型的工具,适合不同的操作。 首先,字节流就像是你使用的普通厨具,比如刀、砧板等。它们可以处理任何类型的食…

Linux-解压缩文件命令(gzip、zip、unzip、tar、jar)

目录 1、压缩解压命令 1.1 gzip、gzcat、gunzip 1.2 bzip2、bzcat、bunzip2 1.3 zip和unzip 2、tar命令 3、jar命令 1、压缩解压命令 1.1 gzip、gzcat、gunzip gzip 命令 压缩文件后缀.gz gzcat 用来显示压缩的文本文件内容 gunzip 用来解压文件 把/home目录下的t…

使用向量数据库 Zilliz Cloud 时常用到的术语和概念

AUTOINDEX 为满足用户不同需求,Zilliz Cloud 提供 2 种类型的集群 CU:性能型和容量型。但是,为不同类型 CU 集群中的 Collection 创建索引时,通常需要根据所选择的 CU 类型调整索引参数。为了方便创建索引,免去调节参数的麻烦,Zilliz Cloud 使用 AUTOINDEX 的索引类型。…

OpenAI 正在开发一种可以防止版权诉讼的工具

OpenAI 正在开发一种名为 Media Manager 的工具,该工具将使内容创建者和所有者能够确定他们是否愿意将自己的内容用于 ML 研究和 AI 模型训练。 Media Manager 将做什么? 明年推出的 Media Manager 将使内容创作者和所有者能够更好地控制他们的工作是否…

Oracle体系结构初探:闪回技术

在Oracle体系结构初探这个专栏中,已经写过了REDO、UNDO等内容。觉得可以开始写下有关备份恢复的内容。闪回技术 — Oracle数据库备份恢复机制的一种。它可以在一定条件下,高效快速的恢复因为逻辑错误(误删误更新等)导致的数据丢失…