用户中心项目教程(二)---umi3的使用出现的错误

目录

1.情况的说明

2.遇到的问题

1)第一个问题-关于npx的使用

2)第二个问题--unsupport问题

3)第三个收获--nodejs安装问题

4)第四个收获---nvm下载问题

5)第五个问题--尚未解决的问题

3.个人总结


1.情况的说明

其实第一篇博客(就是教程一),我很早就写完了,本来想要把那个bug的解决一起在那个文章里面发出去的,但是最后也是没能解决这个问题;

我的第一个文章(关于这个项目)是下午发的,我从晚上7点左右,一直到现在是凌晨的3:23分,一直在解决这个里面出现的各种报错,但是发现我真的是无能为力了;

这个主要是因为上一个文章虽然写的可以运行,完成这个初始化,但是这个并不是完美的,就是yupi的视频里面有一个UI组件,可以去生成这个代码,和相关的这个页面的效果,我本人是非常喜欢,但是因为那个技术现在是版本升级,所以需要重新去搞这个旧版本的安装内容---就是默认的现在这个新版本的就是默认的这个umi4,但是如果想要使用那个UI组件,需要的版本就是umi3,但是这个umi3使用的过程中会有很多的这个问题;

我自己是弄了很久也没能解决,但是觉得这个过程中学到了很多,所以想要把这次的经历记录下来

因为我当时是试了这个umi3的,后来看的文字教程里面写的这个UI组件,不影响我们的这个后续的学习,但是我觉得既然学了就不可以放下他,所以我就特别有征服欲,但是最后也没能解决;

2.遇到的问题

我只能说最后的问题没能解决,中间出现的在这个问题还是解决了很多的:

1)第一个问题-关于npx的使用

我虽然不知道为什么这样可以,但是我发现这个umi3使用的时候直接pro create 不会成功的,前面加上这个npx就会成功,我猜这个可能和我们的这个权限相关;

2)第二个问题--unsupport问题

下面的这个不支持我们的路由的报错也是很常见的,这个问题也是被解决了,因为找到了一个很有用的文章;

解决方案:

就是在我们的这个scripts(脚本)里面的这个start前面添加上类似于下面的这个内容,就是我们的这个&&前面的这一部分内容;

3)第三个收获--nodejs安装问题

了解了这个nvm对于node.js的管理,就是对于不同的这个版本之间的切换;

我中间为了解决这个问题,还把我的这个nodejs卸载重新安装了一下,主要是因为网上有人说是这个nodejs版本太高了,因为这个兼容性的问题导致了这个umi3的问题,所以需要降低我们的这个nodejs的版本,但是我亲测无效!!!!!!!!!!!!!!!!

这个nodejs版本大于10就可以了,即使这个版本降低,也是用处不大的;

其次就是对于这个nodejs环境变量的相关的配置,我又重新实际操作了一下;

再者就是这个nodejs安装,我本来是直接去官方安装的,但是发现这个安装的速度很慢,后来发现有中文的网站,这个网站的安装速度就很快,不到30s就完成了这个下载的过程,也算是长知识了;

4)第四个收获---nvm下载问题

这个我之前就有听说过,但是这个安装使用是第一次,这个是在我们的github上面下载的这个release版本的;

点进去这个release之后,选择这个nvm-setup.zip这个压缩包进行下载,下载之后解压缩,双击安装即可,这个问题不大,可以使用这个nvm -v检查这个安装之后的版本;

5)第五个问题--尚未解决的问题

这个问题也是我尝试多次无果的问题,但是确实如此了,这个试了几次都不是很行;

3.个人总结

我觉得通过这次,也算是长教训了,因为本来这个是不影响后面的这个流程的,但是就是因为我想要尝试一下这个UI组件才衍生出来这么多的问题,但是我觉得还好吧,毕竟及时止损了;

在这个过程里面,我了解到了这个nvm ,npm,yarn相关的软件包之类的概念,安装配置了这个nodejs等工具,从github上面下载并且使用了这个nvm工具,以及这个npx对于权限的相关的扩展吧,确实让我意识到了这个水还是很深的,我的能力也是有限的,在不应该浪费时间的地方上面,确实不应该过多的停留,因为我之前对于这个前端没怎么涉猎,但是这个yupi项目开发会介绍这个前端的知识;

可能对于这个后端学的多的人而言,这个确实比较新奇,但是后面确实应该注意一下,在这个前端上面不应该浪费太多的时间,毕竟不是主要搞前端的程序员嘛~~

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

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

相关文章

讲一下ZooKeeper的持久化机制?

大家好,我是锋哥。今天分享关于【讲一下ZooKeeper的持久化机制?】面试题。希望对大家有帮助; 讲一下ZooKeeper的持久化机制? 1000道 互联网大厂Java工程师 精选面试题-Java资源分享网 ZooKeeper 是一个开源的分布式协调服务&…

【青蛙过河——思维】

题目 图解 代码 #include <bits/stdc.h> using namespace std; const int N 1e510; int n, x; int h[N]; bool check(int mid) {for(int i 1; i mid - 1 < n; i)if(h[i mid - 1] - h[i - 1] < 2 * x) return false;return true; } int main() {cin >> …

港湾周评|万科的多重压力

《港湾商业观察》李镭 成立于1984年&#xff0c;经营了41年之久的行业模范生与明星房企&#xff0c;万科&#xff08;000002.SZ&#xff1b;02202.HK&#xff09;似乎从未遇到过这样的惊天骇浪。 一方面债务承压&#xff0c;2025年是否能妥善解决&#xff0c;又或是终将“暴雷…

搜维尔科技:Xsens人形机器人解决方案的优势

Xsens 致力于推动人形机器人技术的发展&#xff0c;塑造机器人与人类环境无缝融合的未来&#xff0c;通过创新精确和协作&#xff0c;协助生产和服务&#xff0c;改善人类生活和产业。 Xsens通过人形跟随捕捉详细的人体运动数据&#xff0c;使机器人能够学习类人的动作&#x…

LLM - 大模型 ScallingLaws 的 C=6ND 公式推导 教程(1)

欢迎关注我的CSDN&#xff1a;https://spike.blog.csdn.net/ 本文地址&#xff1a;https://spike.blog.csdn.net/article/details/145185794 Scaling Laws (缩放法则) 是大模型领域中&#xff0c;用于描述 模型性能(Loss) 与 模型规模N、数据量D、计算资源C 之间关系的经验规律…

数组常见解决方案

数组常见解决方案 1.快慢指针(双指针) 慢指针记录当前位置 快指针寻找下一个符合条件的数 当符合条件时,此数将slow位置的数覆盖,slow指针指向下一个位置. 最后slow的位置就是符合条件的数组的长度. 80. 删除有序数组中的重复项 II - 力扣&#xff08;LeetCode&#xff09; …

智能学习平台系统设计与实现(代码+数据库+LW)

摘 要 传统办法管理信息首先需要花费的时间比较多&#xff0c;其次数据出错率比较高&#xff0c;而且对错误的数据进行更改也比较困难&#xff0c;最后&#xff0c;检索数据费事费力。因此&#xff0c;在计算机上安装智能学习平台系统软件来发挥其高效地信息处理的作用&#…

前端项目搭建和基础配置

这个模块主要是介绍从零开始搭建项目的一些操作&#xff0c;包含一些前端常用的配置&#xff0c;这里只是一部分&#xff0c;会在后续的文章中逐步进行补充和完善 一、创建项目 在项目路径下使用以下命令生成前后端项目 npm create vite输入项目名称&#xff0c;框架选择Vue…

RC2在线加密工具

RC2是由著名密码学家Ron Rivest设计的一种传统对称分组加密算法&#xff0c;它可作为DES算法的建议替代算法。RC2是一种分组加密算法&#xff0c;RC2的密钥长度可变&#xff0c;可以从8字节到128字节&#xff0c;安全性选择更加灵活。 开发调试上&#xff0c;有时候需要进行对…

Qt Desiogn生成的ui文件转化为h文件

1.找到这个工具 2.查找到ui文件以及要转化为的h文件的路径。 3.在1中的工具输入uic /xx/xxx.ui -o /xx/xxx.h即可得到结果。

多元线性回归分析

介绍: 回归分析是一种强大的统计方法&#xff0c;用于研究变量之间的关系&#xff0c;特别是一个或多个自变量与一个因变量之间的定量关系。 总结就是研究X和Y之间的相关性的分析 First:相关性: 相关性不代表因果性, Eg:统计数据表明:游泳死亡人数越高&#xff0c;雪糕卖得…

移动端布局 ---- 学习分享

响应式布局实现方法 主流的实现方案有两种: 通过rem \ vw/vh \ 等单位,实现在不同设备上显示相同比例进而实现适配. 响应式布局,通过媒体查询media 实现一套HTML配合多套CSS实现适配. 在学习移动端适配之前,还需要学习移动端适配原理: 移动端适配原理(Viewport) 了解VSCo…

【大数据2025】Hadoop 万字讲解

文章目录 一、大数据通识大数据诞生背景与基本概念大数据技术定义与特征大数据生态架构概述数据存储数据计算与易用性框架分布式协调服务和任务调度组件数仓架构流处理架构 二、HDFSHDFS 原理总结一、系统架构二、存储机制三、数据写入流程四、心跳机制与集群管理 安全模式&…

彻底讲清楚 单体架构、集群架构、分布式架构及扩展架构

目录 什么是系统架构 单体架构 介绍 示例图 优点 缺点 集群架构 介绍 示意图 优点 缺点 分布式架构 示意图 优点 缺点 生态扩展 介绍 示意图 优点 缺点 扩展&#xff1a;分布式服务解析 纵切拆服务 全链路追踪能力 循环依赖 全链路日志&#xff08;En…

Typora + PowerShell 在终端打开文件

最近在用 Hexo 搭我人生中的第一个博客&#xff0c;Hexo 新建帖子的时候需要在终端用命令hexo n&#xff0c;然后再用 Typora 打开&#xff0c;用鼠标感觉很麻烦&#xff0c;因此直接用终端一键启动了。 发现 Typora 的一个 bug&#x1f41b;&#xff0c;在 YAML 后面写第一个字…

【RAG落地利器】向量数据库Qdrant使用教程

TrustRAG项目地址&#x1f31f;&#xff1a;https://github.com/gomate-community/TrustRAG 可配置的模块化RAG框架 环境依赖 本教程基于docker安装Qdrant数据库&#xff0c;在此之前请先安装docker. Docker - The easiest way to use Qdrant is to run a pre-built Docker i…

设计模式-单例模式

定义 保证一个类仅有一个实例&#xff0c;并提供一个访问它的全局访问点。 类图 类型 饿汉式 线程安全&#xff0c;调用效率高&#xff0c;但是不能延迟加载。 public class HungrySingleton {private static final HungrySingleton instancenew HungrySingleton();private …

初学stm32 --- CAN

目录 CAN介绍 CAN总线拓扑图 CAN总线特点 CAN应用场景 CAN物理层 CAN收发器芯片介绍 CAN协议层 数据帧介绍 CAN位时序介绍 数据同步过程 硬件同步 再同步 CAN总线仲裁 STM32 CAN控制器介绍 CAN控制器模式 CAN控制器模式 CAN控制器框图 发送处理 接收处理 接收过…

OpenHarmony 4.1 SDK11 北向应用开发笔记

目录 声明 1、开启其他应用 2、延时切换页面 3、设置页面切换效果 4、设置背景图片和背景铺满屏幕 5、设置隐藏状态和导航条 6、设置组件大小和对齐方式 7、设置按钮类型改变按钮边框圆角半径 8、常用布局方式 9、布局技巧 声明 本笔记基于OpenHarmony 4.1 SDK11&am…

leetcode707-设计链表

leetcode 707 思路 本题也是用了虚拟头节点来进行解答&#xff0c;这样的好处是&#xff0c;不管是头节点还是中间的节点都可以当成是中间节点来处理&#xff0c;用同一套方法就可以进行处理&#xff0c;而不用考虑太多的边界条件。 下面题目中最主要的实现就是添加操作addA…