一次性带你解决 node、npm 和镜像源版本问题

前端在启动项目时,常常会遇到很多莫名其妙的问题

像这样 :

又像是这样 :

很多小伙伴表示很奇怪,代码明明没有改动却报错了,实则原因并不在于你的代码问题,实际上小编已经遇到过这样的问题,希望下面的解决方法让报错的小伙伴都能用到。(文末会有对应的报错分析,当然希望小伙伴用不到是最好的哈哈哈哈哈哈~😁)

问题一 : 怎样安装 Node

使用 Vue 开发前端项目的小伙伴肯定知道,node 是我们开发中很重要的一部分,下面就是安装 node 的方法 :

  1. 进入Node.js官网下载安装包 (官网:nodejs.org/en)

  2. 通过 nvm 下载 node (node 版本管理工具)

首先安装 nvm 之前一定要注意,之前电脑中有 node 的情况下,第一步是先卸载 node 哈,不然可能会出现问题 (当然没有 node 的情况下可以直接下载啦)

我们可以直接在 github 上去下载 nvm -----> github.com/coreybutler...

然后在大大的 github 上往下翻呀翻~,翻到 nvm-setup.exe 你就成功了

打开下载的文件夹,直接双击 exe 文件按步骤就可以安装好 nvm 了。成功后可以在命令提示符 cmd 中通过 nvm -v 查看 nvm 的版本。

下面是使用的步骤,按照步骤就可以把 node 安装好啦🎉

如果你想切换 node 版本的话,可以通过 node list 查看已有版本列表,之后通过 nvm use 版本号 切换的

问题二 : npm 报错

在小编遇到这个问题时,就和正在看文章的你一样开始疯狂搜索是什么情况导致的,看了好几种方法,但是大多数都是在配置环境变量全解决这个问题,但是这个真的好好好麻烦,然后就不想继续看了。

最后又搜索到了一种可能性,我们使用 nvm 下载 node 的时候,node 可能没有自动下载 npm ,此时就需要我们自己手动下载 npm了,这种情况实际上和 node 有关,所以可以先在 cmd 中用node -v看看自己的 node 有没有安装好, 如果已经出现 node 版本的情况下就可以看看 node 版本的 node_modules 中有没有 npm 的影子了,下图中就可以看到 node_modules 中空空如也。

首先在 cmd 中使用 nvm root 查找到 nvm 的安装路径,将得到的路径复制到文件夹打开就可以看到所下载的 node 版本了,打开 node_modules 如果没有发现 npm 现在就可以尝试自己去下载了。

安装步骤

1、将 npm 下载地址复制到浏览器打开选择要下载的 npm 版本

http://npm.taobao.org/mirrors/npm/

2、将 压缩包下载下来

3、将下载好的文件解压并重命名为 npm ,复制文件夹到 node 安装文件下的 node_modules 文件夹下

4、将 npm 文件夹 bin 目录下的 npm 和 npm.cmd 两个文件复制到对应的 node 版本的目录下

5、之后打开 cmd 输入npm -v查看是否成功

这样就可以正常使用 npm 啦~

问题三 : 镜像源

首先推荐一个切换镜像源的神器 ------ nrm, 通过它可以非常快速地切换所需要的镜像,同时避免了敲命令的单词错误,如下图所示,镜像列表一目了然便于切换非常方便。

使用步骤
下载 npm i -g nrm
查看镜像列表 nrm ls
切换镜像源 nrm use 镜像源名称
增加镜像源 nrm add registry 镜像源

当然了,如果觉得不喜欢 nrm 想用命令行去切换镜像的话,就证明了一件事 ------ 犟!

需要命令行切换镜像源的话可以采用 npm config set registry 镜像源

问题汇总

1、node 版本不正确,可尝试切换 node 版本 2、镜像源证书过期,可以切换其他镜像或者重新设置新的镜像地址 3、没有下载 node 或者使用 nvm 下载 node 时没有下载 npm,可以手动进行下载

相关推荐
理想不理想v5 分钟前
vue经典前端面试题
前端·javascript·vue.js
不收藏找不到我6 分钟前
浏览器交互事件汇总
前端·交互
YBN娜19 分钟前
Vue实现登录功能
前端·javascript·vue.js
阳光开朗大男孩 = ̄ω ̄=19 分钟前
CSS——选择器、PxCook软件、盒子模型
前端·javascript·css
minDuck24 分钟前
ruoyi-vue集成tianai-captcha验证码
java·前端·vue.js
小政爱学习!1 小时前
封装axios、环境变量、api解耦、解决跨域、全局组件注入
开发语言·前端·javascript
魏大帅。1 小时前
Axios 的 responseType 属性详解及 Blob 与 ArrayBuffer 解析
前端·javascript·ajax
花花鱼1 小时前
vue3 基于element-plus进行的一个可拖动改变导航与内容区域大小的简单方法
前端·javascript·elementui
k09331 小时前
sourceTree回滚版本到某次提交
开发语言·前端·javascript
EricWang13581 小时前
[OS] 项目三-2-proc.c: exit(int status)
服务器·c语言·前端