当前位置: 首页 > article >正文

用户中心项目教程(二)---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.kler.cn/a/508972.html

相关文章:

  • 微透镜阵列精准全检,白光干涉3D自动量测方案提效70%
  • usb通过hdc连接鸿蒙next的常用指令
  • MySQL(高级特性篇) 06 章——索引的数据结构
  • 每打开一个chrome页面都会【自动打开F12开发者模式】,原因是 使用HBuilderX会影响谷歌浏览器的浏览模式
  • 持续集成 01|Gitee介绍、Pycharm使用Gitee
  • Java中的依赖注入是什么?它如何工作?
  • 通过idea创建的springmvc工程需要的配置
  • vue3常用的组件的通信方式
  • 低空经济市场竞争激烈,无人机研发公司如何突破困境?
  • Hive合并小文件
  • 数据结构——队列和栈的面试题分析
  • ARM学习(42)CortexM3/M4 MPU配置
  • 如何升级node.js版本
  • o.h.engine.jdbc.spi.SqlExceptionHelper : Zero date value prohibited
  • Java 文件操作
  • 【蓝桥杯】43689.包子凑数
  • 【Vue】vue3 video 保存视频进度,每次进入加载上次的视频进度
  • Linux的几个基本指令
  • 【华为战报】2024年12月 HCIP考试战报!
  • PHP版接口调试工具(自定义GET|POST|COOKIE|HEADER|User Agent|来路Referer)
  • 【20】Word:小许-质量管理-论文❗
  • 免费送源码:Java+ssm+MySQL 图书借阅管理系统的设计与实现 计算机毕业设计原创定制
  • 云部署服务器
  • 【青海省乡镇界】面图层+shp格式arcgis数据+乡镇名称和编码+wgs84坐标无偏移下载内容测评
  • 【React】class组件extends继承原理
  • Android系统开发(六):从Linux到Android:模块化开发,GKI内核的硬核科普