JavaW的技术专栏 A CSU coder

【个人总结】仓库代码各种版本不适配 心态不崩的话应该怎么解决?

2021-10-24

Vue  Node  nvm

前言

最近在前端项目组中,尝试install仓库中的vue2代码报错

利用一天时间查阅资料and请教组里面的大佬,成功run

赶上了1024温习一下我的操作流程!

流程

一,观察错误信息

从仓库clone代码到本地端,由于是老版本开发代码,文档中不难发现需要使用vue2以及cli2对项目进行构建

1png

命令行中输入

npm install

意料之中的err ,错误信息如下

3png

阅读err发现,npm版本过高,其中的buffer/svgo的版本都已经不再支持

ps:我在学习vue的时候全部安装node以及对应npm的latest版本,考虑到跑本项目可能要对npm甚至node降版本,所以衍生出了两种解决方案

1.采用nvm对node进行版本管理

2.换用其他安装项目依赖的工具

考虑到install失败的原因,可能并不是因为node的版本过高,仅仅是因为npm工具版本的不支持

最后打算采用第二种方法,利用cnpm工具安装依赖

二,cnpm工具的下载和使用

考虑到国内节点下载速度很慢的问题,利用taobao镜像源进行下载

在cmd中全局输入 (无需修改节点配置文件)

npm install -g cnpm –registry=http://registry.npm.taobao.org

等待安装完毕cmd中输入

cnpm -v

出现类似界面证明安装成功

14png

三,对项目重新install

命令行中项目目录下输入以下命令,尝试对项目安装依赖

cnpm install

很自然的,再次报错

庆幸的一点是,这次webpack已经在安装了,相比之前这算是一个进步了

错误信息如下

5png

翻译过来就是,这次没有对应版本的sass来解析样式

ps:因为项目的样式不仅仅使用了css来设计,还有一些sass代码

所以猜测是由于node版本过高?直接使用nvm来进行node版本控制

解释一下nvm的全名是:node.js version management,翻译过来就是一个node的版本控制器

接下来很容易的从github上找到nvm并下载,成功安装之后在命令行中输入

nvm list

看目前系统中的node版本

将官网下载的node文件夹按照版本格式重命名剪切到nvm目录下

命令行中输入

nvm use 对应版本

调整node版本(我这里使用的是v14.18.1)

这时候重新install观察结果

顺利安装了sass,提示信息如下

6png

这里表明了sass4.14.1安装失败,是因为没有找到对应的taobao镜像,但是安装了一个更低的替代版本

7png

不过一个新的错误出现了,项目不兼容更高的python3.X,需要python2.7来进行支持

8png

那接下来就轻车熟路了,直接跑去python官网

搜索对应版本下载

15png

安装时记得勾选配置环境变量

全部搞定之后重新install试一下

10png

终于!!!!

警告请忽略,是因为版本和建议版本不符合造成的,但是已经成功安装了对应依赖!

12png

激动人心 跑一下代码试试看

命令行输入(cli2的缘故不能使用更常见的run serve)

cnpm run dev

13png

到这里项目终于跑起来了

总结

很多方法都是咨询很多dalao得到的,这篇只是想对这一个繁杂的过程做一个总结

一步一步来,有的事也没有想象的那么痛苦,最后run起来的时候真的很激动


Similar Posts

Comments