一次性带你解决 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,可以手动进行下载

相关推荐
竹林81810 分钟前
从 RPC 超时到批量签名:我用 @solana/web3.js 重构了一个 NFT 铸造页面,踩了这些坑
前端·javascript
工业HMI实战笔记20 分钟前
工业HMI界面布局“1核2辅”黄金结构,适配90%场景
前端·ui·性能优化·自动化·交互
林希_Rachel_傻希希1 小时前
web性能优化之————图片效果
前端·javascript·面试
Darling噜啦啦1 小时前
前端存储与 this 指向完全指南:从 LocalStorage 实战到 call/apply/bind 深度解析
前端·javascript
wei1986211 小时前
.net添加web引用和添加服务引用有什么区别?
java·前端·.net
格子软件2 小时前
2026年GEO优化系统源码级状态机与多模型调度拆解
java·前端·vue.js·人工智能·vue·geo
HUMHSX3 小时前
Vue 项目启动全流程解析:从入口文件到全局指令注册与页面渲染
前端·javascript·vue.js
有颜有货3 小时前
PMC生产排产的4种算法,一次讲清
java·服务器·前端
小虎牙0073 小时前
Android kotlin图片库Coil源码详解
android·前端
随风一样自由3 小时前
【前端领域】前端开发核心应用场景与落地实践
前端·前端框架