当前位置：首页 > news >正文

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

news 来源：原创 2025/6/4 16:47:40

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项目开发会介绍这个前端的知识；

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

1.情况的说明

2.遇到的问题

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

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

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

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

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

3.个人总结

相关文章：