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

news2025/1/21 1:26:49

目录

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.coloradmin.cn/o/2279589.html

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

相关文章

python爬虫报错日记

python爬虫报错日记 类未定义 原因:代码检查没有问题**,位置错了**,测试代码包含在类里…… UnicodedecodeError错误 原因:字符没有自动转换成utf-8格式 KeyError:“href” 原因:前面运行正常&#x…

Debian 上安装PHP

1、安装软件源拓展工具 apt -y install software-properties-common apt-transport-https lsb-release ca-certificates 2、添加 Ondřej Sur 的 PHP PPA 源,需要按一次回车: add-apt-repository ppa:ondrej/php 3、更新软件源缓存: apt-g…

Vue2+OpenLayers实现车辆开始、暂停、重置行驶轨迹动画(提供Gitee源码)

前言:根据经纬度信息绘制一个完整的行驶路线,车辆根据绘制好的路线从开始点位行驶到结束点位,可以通过开始、暂停、重置按钮控制车辆状态。 目录 一、案例截图 二、安装OpenLayers库 三、​安装Element-UI ​ 四、代码实现 4.1、初始化…

使用傅里叶变换进行图像边缘检测

使用傅里叶变换进行图像边缘检测 今天我们介绍通过傅里叶变换求得图像的边缘 什么是傅立叶变换? 简单来说,傅里叶变换是将输入的信号分解成指定样式的构造块。例如,首先通过叠加具有不同频率的两个或更多个正弦函数而生成信号f(x…

基础vue3前端登陆注册界面以及主页面设计

1.下载依赖 "element-plus/icons": "^0.0.11", "element-plus/icons-vue": "^2.3.1", "fortawesome/fontawesome-svg-core": "^6.7.2", "fortawesome/free-solid-svg-icons": "^6.7.2", &quo…

中国数字安全产业年度报告(2024)

数字安全是指,在全球数字化背景下,合理控制个人、组织、国家在各种活动中面临的数字风险,保障数字社会可持续发展的政策法规、管理措施、技术方法等安全手段的总和。 数字安全领域可从三个方面对应新质生产力的三大内涵:一是基于大型语言模型…

从CRUD到高级功能:EF Core在.NET Core中全面应用(三)

目录 IQueryable使用 原生SQL使用 实体状态跟踪 全局查询筛选器 并发控制使用 IQueryable使用 在EFCore中IQueryable是一个接口用于表示可查询的集合,它继承自IEnumerable但具有一些关键的区别,使得它在处理数据库查询时非常有用,普通集…

【VRChat · 改模】Unity2019、2022的版本选择哪个如何决策,功能有何区别;

总览 1.Unity2019、2022的版本的选择 2.Unity添加着色器教程 一、Unity2019、2022的版本的选择 1.Unity2019 和 Unity2022 的区别,VRChat SDK 为何要区分两个版本 我是外行,最开始以为的是,2019 和 2022 的变化是基于这个模型本身的。 也…

人工智能之深度学习-[1]-了解深度学习

文章目录 深度学习1. 神经网络的基础2. 深度学习中的重要概念3. 深度学习的工作流程4. 深度学习的应用5. 深度学习的挑战6. 深度学习与传统机器学习的比较7.深度学习的特点 8. 常见的深度学习模型9.深度学习发展史[了解] 深度学习 深度学习(Deep Learning&#xff…

彻底理解JVM类加载机制

文章目录 一、类加载器和双亲委派机制1.1、类加载器1.2、双亲委派机制1.3、自定义类加载器1.4、打破双亲委派机制 二、类的加载 图片来源:图灵学院   由上图可知,创建对象,执行其中的方法,在java层面,最重要的有获取…

第148场双周赛:循环数组中相邻元素的最大差值、将数组变相同的最小代价、最长特殊路径、所有安放棋子方案的曼哈顿距离

Q1、循环数组中相邻元素的最大差值 1、题目描述 给你一个 循环 数组 nums ,请你找出相邻元素之间的 最大 绝对差值。 **注意:**一个循环数组中,第一个元素和最后一个元素是相邻的。 2、解题思路 这个问题的核心是遍历循环数组并计算相邻…

电脑换固态硬盘

参考: https://baijiahao.baidu.com/s?id1724377623311611247 一、根据尺寸和缺口可以分为以下几种: 1、M.2 NVME协议的固态 大部分笔记本是22x42MM和22x80MM nvme固态。 在京东直接搜: M.2 2242 M.2 2280 2、msata接口固态 3、NGFF M.…

opengrok_windows_环境搭建

软件列表 软件名下载地址用途JDKhttps://download.java.net/openjdk/jdk16/ri/openjdk-1636_windows-x64_bin.zipindex 使用java工具tomcathttps://dlcdn.apache.org/tomcat/tomcat-9/v9.0.98/bin/apache-tomcat-9.0.98-windows-x64.zipweb服务器opengrokhttps://github.com/o…

《offer 来了:Java 面试核心知识点精讲 -- 原理篇》

在 Java 面试的战场上,只知皮毛可不行,面试官们越来越看重对原理的理解。今天就给大家分享一本能让你在面试中脱颖而出的 “武林秘籍”——《offer 来了:Java 面试核心知识点精讲 -- 原理篇》。 本书详细介绍了Java架构师在BAT和移动互联网公司面试中常被问及的核心知识,内…

Linux之网络套接字

Linux之网络套接字 一.IP地址和端口号二.TCP和UDP协议2.1网络字节序 三.socket编程的常见API四.模拟实现UDP服务器和客户端五.模拟实现TCP服务器和客户端 一.IP地址和端口号 在了解了网络相关的基础知识之后我们知道了数据在计算机中传输的流程并且发现IP地址在其中占据了确定…

迈向 “全能管家” 之路:机器人距离终极蜕变还需几步?

【图片来源于网络,侵删】 这是2024年初Figure公司展示的人形机器人Figure 01,他可以通过观看人类的示范视频,在10小时内经过训练学会煮咖啡,并且这个过程是完全自主没有人为干涉的! 【图片来源于网络,侵删】…

几何数据结构之四叉树与八叉树

几何数据结构之四叉树与八叉树 四叉树的定义四叉树深度的计算公式推导假设:计算过程:1. 划分空间:2. 节点容纳的最小距离:3. 解出深度:4. 考虑常数项: 总结: 八叉树 四叉树的定义 四叉树&#…

(一)相机标定——四大坐标系的介绍、对应转换、畸变原理以及OpenCV完整代码实战(C++版)

一、四大坐标系介绍 1,世界坐标系 从这个世界(world)的视角来看物体 世界坐标系是3D空间坐标,每个点的位置用 ( X w , Y w , Z w ) (X_w,Y_w,Z_w) (Xw​,Yw​,Zw​)表示 2,相机坐标系 相机本身具有一个坐标系&…

嵌入式知识点总结 C/C++ 专题提升(一)-关键字

针对于嵌入式软件杂乱的知识点总结起来,提供给读者学习复习对下述内容的强化。 目录 1.C语言宏中"#“和"##"的用法 1.1.(#)字符串化操作符 1.2.(##)符号连接操作符 2.关键字volatile有什么含意?并举出三个不同的例子? 2.1.并行设备的硬件寄存…

重塑商业智能:大数据改变商业的十种方式

在过去几年间,大数据一直在改变许多公司的运营方式。大数据指的是大量且多样的数据集,当这些数据被妥善收集和分析时,人们能够从中获取有价值的洞察信息。随着大数据逐渐应用于中小型企业,它有望彻底变革企业运营模式。以下将介绍…