antd5源码调试环境搭建(window系统)

news/2024/11/17 1:47:03/

将antd源码克隆至本地

$ git clone git@github.com:ant-design/ant-design.git
$ cd ant-design
$ npm install
$ npm start

前提安装python3、安装node版本18版本

不然后续安装依赖会报python3相关的错误。

项目需要使用git 初始化

不然会报husky相关的错误

git init

在这里插入图片描述

重新安装依赖

npm install

仍发现错误
在这里插入图片描述
原因
package.json文件中scripts的每一个属性都是一个自定义的脚本命令,在命令行中可以通过执行npm run dev来执行这段脚本,执行脚本时候会创建一个shell,然后在shell中执行指定的脚本。

实际使用的shell可能会根据系统平台而不同,类 UNIX 系统里,如 macOS 或 linux 中指代的是 /bin/sh, 在 windows 中使用的是 cmd.exe

查看package.json文件的scripts属性
在这里插入图片描述

解决
package.json文件的scripts属性中添加如下指令

"devWin": "set PORT==8081 && dumi dev"

在这里插入图片描述

执行启动命令

npm run devWin

发现:已成功启动,但是提示某个包过期,界面一直在build
在这里插入图片描述
解决

安装提示更新

npx update-browserslist-db@latest

删除node_modules中的下载的caniuse-lite browserslist
然后重新安装

PS E:\codesource\ant-design-5.8.3> npm i caniuse-lite browserslist -S

然后重新执行

npm run devWin

即可成功启动

在这里插入图片描述


http://www.ppmy.cn/news/1043171.html

相关文章

六、分组背包

六、分组背包 题记算法题目代码 题记 一个旅行者有一个最多能装V公斤的背包和有N件物品,它们的重量分别是W[1],W[2],…,W[n],它们的价值分别为C[1],C[2],…,C[n]。这些物品被划分为若干组,每组中的物品互相冲突&#…

题解 | #1005.List Reshape# 2023杭电暑期多校9

1005.List Reshape 签到题 题目大意 按一定格式给定一个纯数字一维数组,按给定格式输出成二维数组。 解题思路 读入初始数组字符串,将每个数字分离,按要求输出即可 参考代码 参考代码为已AC代码主干,其中部分功能需读者自行…

【办公自动化】使用Python批量生成PPT版荣誉证书

🤵‍♂️ 个人主页:艾派森的个人主页 ✍🏻作者简介:Python学习者 🐋 希望大家多多支持,我们一起进步!😄 如果文章对你有帮助的话, 欢迎评论 💬点赞&#x1f4…

机器学习---线性判别分析

1. 基本思想 线性判别分析(Linear Discriminant Analysis, LDA),也叫做 Fisher 线性判别(Fisher Linear Discriminant ,FLD),是模式识别的经典算法,1936年由Ronald Fisher⾸次提出,并在1996年由 Belhumeur引⼊模式识别和⼈⼯智能…

layui第三方组件cron的使用

1. 首先上代码 <!DOCTYPE html> <html><head><meta charset"utf-8" /><title>cron表达式生成</title><meta name"renderer" content"webkit" /><meta http-equiv"X-UA-Compatible" con…

无涯教程-Perl - waitpid函数

描述 该函数等待ID为PID的子进程终止,返回已故进程的进程ID。如果PID不存在,则返回-1。进程的退出状态包含在$?中。 可以将标志设置为各种值,这些值等于waitpid()UNIX系统调用使用的值。 FLAGS的值为0应该在支持进程的所有操作系统上工作。 语法 以下是此函数的简单语法- …

PiplineADC学习一:

PiplineADC结构&#xff1a; PiplineADC起源之FlashADC PiplineADC起源之Sub-Ranging-ADC 比较器存在失调&#xff1a; 因此每级1bit不实用&#xff0c;需要做冗余位设计。 多比较一次&#xff0c;两个阈值&#xff0c;三个区间&#xff0c;分别对于输出00,01,10。正常2bit应该…

论文浅尝 | KRACL-利用图上下文和对比学习的稀疏KG补全

笔记整理&#xff1a;李娟&#xff0c;浙江大学博士&#xff0c;研究方向为知识图谱表示学习 论文链接&#xff1a;https://arxiv.org/pdf/2208.07622.pdf 代码链接&#xff1a;https://github.com/TamSiuhin/KRACL 介绍 知识图谱&#xff08;KG&#xff09;通常是不完整的&…