项目场景:
之前想要学习Vue项目时,从GitHub上下载了一个vue-admin-template项目,但总是install不成功,也启动不了
问题描述
在已经安装了脚手架node.js以及vue的前提下,使用命令npm install ,不但install花费了许多时间,最终还总是以提示xxxmodule为原因以失败告终,很头疼,尝试了许多方法:以下是从网上找来尝试的方法
1、下载速度慢,切换到国内镜像:
以管理员身份打开dos窗口,使用命令
npm config set registry http://registry.npm.taobao.org
查看镜像是否切换成功:
npm config get registry
2、有博主说可能是因为下载zip压缩包时存在部分损坏问题,所以我尝试使用gitee命令直接克隆拉取项目:
打开Git Bash,输入命令
git clone <项目的URL>
3、也有可能说是因为版本问题,因为即使是最新的4.4.0版本的vue-admin-template也是2020年创建的。
所以我更换了node.js版本,尝试使用了较老的版本,再次install ,结果还是以失败告终
问题解决:
其实就是镜像源的问题,目前到网络上去搜索,搜索到的淘宝镜像源地址都是http://registry.npm.taobao.org,事实上这样是不行的,具体为什么我也不知道,今天上课老师提供的淘宝镜像源地址是https://registry.npmmirror.com,尝试使用这个地址,之前遇到的问题全都不知所踪,并且命令执行速度飞快,一个字,爽!
npm config set registry https://registry.npmmirror.com
解决方案:
切换了镜像源之后,我还是再次在GitHub上下载了vue-admin-template项目压缩包,解压,使用VsCode打开终端:
直接npm install
install 成功之后,直接 npm run dev
然后就会给出项目访问的端口号
复制地址在浏览器中打开:
至此,你就成功拉取了vue-admin-template项目
总结:
这个问题当时困扰了我整整两天,尝试各种百度和GPT最终没能解决,没想到最终结果是因为第一步就没做好。幸运的是,时隔半个月后能够顺利解决,所以在学习中,遇到解决不了的想不通的问题,不必花过多时间去纠结,先往前看,说不定哪天机缘巧合你就想通了。