重新下载 ant design pronp

一、项目重建

要删除前端代码并

重新下载Ant Design Pro,您可以按照以下步骤操作:

  1. 删除项目文件夹:找到您的Ant Design Pro项目文件夹,将其完全删除。
  2. 清除npm缓存:在命令行中运行npm cache clean --force以清除npm的缓存。
  3. 克隆仓库:如果您之前是通过Git克隆的方式获取的项目,可以再次使用git clone https://github.com/ant-design/ant-design-pro.git来重新克隆仓库到本地。
  4. 进入项目目录:通过cd ant-design-pro命令进入到新克隆的项目目录中。
  5. 安装依赖:运行npm install来安装项目所需的所有依赖包。
  6. 启动项目:最后,使用npm start命令来启动项目,这时候您应该可以看到项目已经成功运行在本地开发服务器上。

只做了 1 & 2,2 还失败了

后期可以,只删除文件夹,就可以了,没必要全部删除

二、解决问题:

【国内镜像,最新的】

npm报错:request to https://registry.npm.taobao.org failed, reason certificate has expired_npm request-CSDN博客


【切换删除指令】

npm install报错,解决记录_npm warn using --force recommended protections dis_/node_modules/node-gyp/bin/node-gyp.js" "rebuild" -CSDN博客

https://juejin.cn/post/7242209076360101947

百度安全验证

三、文件必须有的环境  【有问题,退出重进 或重启电脑】1)   node.js   2) yarn   3)github【下载代码,拉包】 4)创建项目

https://blog.csdn.net/chemddd/article/details/133637601

1)

2) npm 必须装好 。涉及淘宝镜像,淘宝镜像下载速度快,

里面还有坑,看有没有过期。过期了,需换新的。谷歌百度去

终于看到了  文件夹

出现'yarn' 不是内部或外部命令,也不是可运行的程序或批处理文件的问题,通常是因为Yarn没有被正确安装或者其可执行文件的路径没有被添加到系统的环境变量中。为了解决这个问题,您可以尝试以下步骤:

  1. 重新安装Yarn
  • 首先,如果您之前已经安装了Yarn,建议先卸载它。在命令行中运行 npm uninstall yarn -g 来全局卸载Yarn。
  • 然后,重新安装Yarn,运行 npm install yarn。确保不要使用 -g 参数,因为这样可能会导致安装不生效。
  1. 添加环境变量
  • 找到Yarn的安装路径。通常情况下,它会被安装在Node.js的 node_modules 文件夹下。例如,路径可能是 C:\soft vm pm ode_modulesyarn\bin
  • 将Yarn的可执行文件路径添加到系统环境变量中。具体操作是:右键点击“我的电脑”->选择“属性”->进入“高级系统设置”->点击“环境变量”->在“系统变量”中找到“Path”->点击“编辑”->在变量值的最后添加Yarn的可执行文件路径。
  1. 检查Yarn版本
  • 安装完成后,您可以通过运行 yarn --version 来检查Yarn是否已经被正确安装,并且其版本信息是否正确显示。
  1. 重启命令行窗口
  • 有时候,即使添加了环境变量,也需要重启命令行窗口才能使更改生效。

总的来说,如果您按照上述步骤操作后仍然遇到问题,建议查看Yarn的官方文档或者在相关技术社区(如Stack Overflow)寻求帮助,以获取更具体的解决方案。

请添加环境变量

yarn的安装和使用(极其详细)_yarn安装-CSDN博客

重新打开进入

3)github

用户管理 --汇总 -- 明细-CSDN博客

4)不要输入手册指令。打开的不是想要的页面。请输入;npx pro create myapp6

与鱼皮不一致

成功了,因为这里我用的是国内的镜像源,下载速度快。选择错误不成功

四、新建项目

新建文件夹 ,cmd 管理员身份运行,并指向文件夹地址

下载 umi 3

npx pro create yupiqd

下载依赖

yarn install

下载umi

用户中心(上)-CSDN博客

yarn add @umijs/preset-ui -D

四、打开项目,成功运行

webstorm

初始化项目的依赖包,解决一大片红

1) 输入:npm install   或者: yarn

五、电脑谷歌 网址:

用户中心项目 | 鱼皮的编程宝典

鱼皮的用户中心项目 (前端Ant Design Pro构建) · 语雀

https://wx.zsxq.com/dweb2/index/topic_detail/184522182814122
 

六、最终处理方法:

使用软件 VS CODE,好了 

代码拉下来,再webstorm运行出现如下问题,解决不了。【待定】说是环境问题

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

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

相关文章

1.python爬虫爬取视频网站的视频可下载的源url

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 一、爬取的源网站二、实现代码总结 一、爬取的源网站 http://www.lzizy9.com/ 在这里以电影片栏下的动作片为例来爬取。 可以看到视频有多页,因此需要…

XYCTF2024 RE ez unity 复现

dll依然有加壳 但是这次global-metadata.dat也加密了,原工具没办法用了,不过依然是可以修复的 a. 法一:frida-il2cpp-bridge 可以用frida-il2cpp-bridge GitHub - vfsfitvnm/frida-il2cpp-bridge: A Frida module to dump, trace or hijac…

Anaconda的环境快速迁移(目前windows,未来更新linux)

摘要: 日常办公经常需要在新机器上部署运行环境并进行代码调试,尤其是在AI迅速发展的今天,python已经成为了强有力的AI领域编程语言之一。为了方便对不同windows下python代码工程进行快速部署。本文主要从工具环境的安装、原环境的快速打包、…

【计算机毕业设计】基于SpringBoot+Vue智能停车计费系统设计与实现

目录 一、项目介绍 二、项目主要技术 三、系统功能结构设计 四、系统详细功能的实现 4.1 前台功能实现 4.2 管理员模块实现 4.3 用户后台模块实现 五、实现代码 一、项目介绍 该系统采用了java技术、SpringBoot 框架,连接MySQL数据库,具有较高…

Flutter分模块开发、模块可单独启动、包含Provider

前言 目前Flutter都是在一个项目中,创建不同目录进行模块开发,我进行Android原生开发时,发现原生端,是可以将每个模块独立运行起来的,灵感来自这; 折腾了几天,终于给整出来了。 1、创建根目录…

QT7_视频知识点笔记_1_ 基础知识(帮助文档),窗口(内存回收机制),信号槽(传参),Lambda表达式

1.QT基础 QT是一个框架,不用像C语言自己从底层写,需要的功能可以先看是否QT库中有直接可使用的 帮助文档的使用:F1跳入帮助文档, QT中常用的类:比如QPushbutton,查看帮助文档则可知道对应的函数和解决方…

我独自升级:崛起怎么下载 我独自升级游戏下载教程分享

定于5月8日全球揭幕的《我独自升级崛起》——一款扣人心弦的动作RPG巨制,灵感采撷于同名动画及网络漫画的热潮,誓将引领满怀热忱的玩家步入一场交织着深邃探索和宏大规模的奇妙冒险。该游戏立足于一个独树一帜的网络武侠宇宙,细腻刻画了一个凡…

学华为沟通,汇总5大项目沟通技巧

高效沟通在项目管理中的重要性不容小觑,它是确保项目顺利进行、提升团队协作效率、实现项目目标的关键因素。如果沟通不畅,往往容易导致成员对项目目标理解不一致,或信息传递不及时不准确,导致项目工作方向偏差,增加项…

[Collection与数据结构] 七大排序算法汇总

🌸个人主页:https://blog.csdn.net/2301_80050796?spm1000.2115.3001.5343 🏵️热门专栏:🍕 Collection与数据结构 (90平均质量分)https://blog.csdn.net/2301_80050796/category_12621348.html?spm1001.2014.3001.5482 🧀Java …

Python查询PostgreSQL数据库

哈喽,大家好,我是木头左! Python与PostgreSQL的连接 需要了解如何在Python中连接到PostgreSQL数据库。这通常涉及到使用一个库,如psycopg2,它是Python中用于PostgreSQL的最流行的适配器。安装psycopg2非常简单&#x…

好用的win10电脑桌面便利贴,桌面便签小工具

在日常办公中,我们经常需要记录重要事项、提醒任务或者临时想法。这时,一款好用的电脑桌面便签或便利贴小工具就显得尤为重要。它们能够帮助我们高效地管理信息,提升工作效率。 那么好用的win10电脑桌面便利贴是哪个呢?电脑桌面便…

oracle 8i系统检查

oracle 8i系统检查 set echo on spool d:\bk\1.txt select sysdate from dual; --版本信息 select * from v$version; --安装的产品 col PARAMETER for a50; col value for a10; select * from v$option order by 2; --用户信息 set linesize 100 set pagesize 100 COL USE…

SpringBoot集成阿里云短信验证码服务

一:前言 最近在项目开发过程中,需要去写一个发送手机短信验证码的功能。在网上查了一下,有很多服务器可供选择,本文的话是基于阿里云服务的短信验证码功能实现。 关于注册和开通服务这些需要操作的,请各位小伙伴参考官…

Burp和Proxifier抓包微信小程序

1、Burp设置代理 2、浏览器下载证书 3、安装证书 4、Proxifier设置代理 5、Proxifier设置Proxification Rule 6、Burp查看抓包数据 打开一个小程序,可以看到WeChatAppEx的流量先经过Proxifier,再经过127.0.0.1:8080到Burp

CWDM、DWDM、MWDM、LWDM:快速了解光波复用技术

在现代光纤通信领域,波分复用(WDM)技术作为一项先进的创新脱颖而出。它通过将多个不同波长和速率的光信号汇聚到一根光纤中来有效地传输数据。本文将深入探讨几种关键的 WDM 技术(CWDM、DWDM、MWDM 和 LWDM)&#xff0…

字节8年经验之谈 —— 手把手教你做测试流程优化!

一、需求阶段 1. 梳理提需求流程 (1)规范需求list时间 有些团队可能会今天提一个需求,明天提一个;可以制定一个每周过需求list的时间,统一安排过本周的需求,并对需求进行优先级排序,开发和QA…

Android 状态栏WiFi图标的显示逻辑

1. 状态栏信号图标 1.1 WIFI信号显示 WIFI信号在状态栏的显示如下图所示 当WiFi状态为关闭时,状态栏不会有任何显示。当WiFi状态打开时,会如上图所示,左侧表示有可用WiFi,右侧表示当前WiFi打开但未连接。 当WiFi状态连接时&#x…

创造未来知识管理新篇章:Ollama与AnythingLLM联手打造个人与企业的安全知识库!

一 Ollama 1.1 简介 Ollama是一个开源的大型语言模型服务工具,它帮助用户快速在本地运行大模型。通过简单的安装指令,用户可以执行一条命令就在本地运行开源大型语言模型,如Llama 2。Ollama极大地简化了在Docker容器内部署和管理LLM的过程,使得用户能够快速地在本地运行大…

Vite构造Vue3

环境安装 node.js安装-CSDN博客 初始化Vue项目安装脚手架_vue init webpack安装脚手架-CSDN博客 选择Vue框架 ,项目名称可以自定义,我使用默认的 vite-project 选择JS 进入项目安装依赖 安装路由

Linux服务器常用巡检命令

在Linux服务器上进行常规巡检是确保服务器稳定性和安全性的重要措施之一。以下是一些常用的巡检命令和技巧: 1. 查看系统信息 1.1 系统信息显示 命令:uname -a ​​​​ [rootlinux100 ~]# uname -a Linux linux100 4.15.0-70-generic #79-Ubuntu SMP…