nodejs安装+踩坑报错解决

news/2024/8/26 6:11:08 标签: node.js, 前端
  1. 下载Node.js安装包
    官网下载地址:http://nodejs.cn/download/,根据自己电脑选择32位还是64位,
    下载地址
    选择合适的版本下载
    X86是32位的,X64是64位的,我们一般是下载win版X64的msi文件的是点击可以直接启动安装程序的。
  2. 打开下载好的安装程序,点击下一步
    在这里插入图片描述
  3. 选择接受许可协议,点击下一步在这里插入图片描述
  4. 选择自己的安装路径(默认是c盘,建议改为自己的其他常安软件的盘),选择完成后,点击下一步在这里插入图片描述
  5. 这里四项全部安装,点击下一步(无脑直接点下一步就行,默认这几项都是选好了的)在这里插入图片描述
  6. 这里不用打勾✔,下一步在这里插入图片描述
  7. 选择Install安装在这里插入图片描述
  8. 选择finish完成在这里插入图片描述
  9. win+R 打开运行窗口,在此窗口输入cmd命令在这里插入图片描述

进入命令提示符窗口,分别输入以下命令,显示版本号,则安装成功
node -v:显示安装的nodejs版本
npm -v:显示安装的npm版本在这里插入图片描述
10. 修改全局模块路径和缓存路径(可选,大家自行选择是否修改)
当我们在执行npm install express -g命令时,g表示global全局。会默认下载到c盘,c盘一般作为系统盘,尽量把一些程序安装到其他盘,来减少c盘空间的占用

它的默认路径为:【C:\Users\用户名\AppData\Roaming\npm】。
这里将全局模块(文件夹名:node_global)和缓存(文件夹名:node_cache)放在了nodejs安装目录下,在你的nodejs安装目录下创建创建两个文件夹,名称分别为:node_global和node_cache,在node_global文件夹下再建一个node_modules文件夹,配置环境变量用
在这里插入图片描述
此时,还没有更改完成,需要手动指定到这两个文件夹中
win+R打开运行窗口,输入cmd,再输入以下两条指令
npm config set prefix “创建的node_global文件夹所在路径”
npm config set cache “创建的node_cache文件夹所在路径”
例如

C:\Users\dyl>npm config set prefix "E:\nodejs\node_global"

C:\Users\dyl>npm config set cache "E:\nodejs\node_cache"

修改完毕后,再配置环境变量
右键此电脑——>高级系统设置——>环境变量
在系统变量中,新建,变量名:NODE_PATH 变量值:node_global文件夹下的node_modules文件夹。如:E:\develop\nodejs\node_global\node_modules
修改用户变量中的Path变量,将默认的npm路径修改为新建的node_global路径

这时环境基本上配置好了。

在实际实际打开项目后,通过npm i命令下载一些依赖时,会报一些错误
1、提示没有权限,则把nodejs文件右键属性,给它权限就可以在这里插入图片描述
2、node-sass总是报错,其中一个提示信息是Python版本的问题,使用npm安装node-sass时,或者安装需要python2的依赖时,会报出以下错误。

gyp verb check python checking for Python executable "python2" in the PATH
gyp verb `which` failed Error: not found: python2
gyp verb `which` failed     at getNotFoundError (E:\codes\proviet\client-nuxt\node_modules\which\which.js:13:12)
gyp verb `which` failed     at F (E:\codes\proviet\client-nuxt\node_modules\which\which.js:68:19)
gyp verb `which` failed     at E (E:\codes\proviet\client-nuxt\node_modules\which\which.js:80:29)
gyp verb `which` failed     at E:\codes\proviet\client-nuxt\node_modules\which\which.js:89:16
gyp verb `which` failed     at E:\codes\proviet\client-nuxt\node_modules\isexe\index.js:42:5
gyp verb `which` failed     at E:\codes\proviet\client-nuxt\node_modules\isexe\windows.js:36:5
gyp verb `which` failed     at FSReqCallback.oncomplete (fs.js:183:21)
gyp verb `which` failed  python2 Error: not found: python2
gyp verb `which` failed     at getNotFoundError (E:\codes\proviet\client-nuxt\node_modules\which\which.js:13:12)
gyp verb `which` failed     at E:\codes\proviet\client-nuxt\node_modules\isexe\index.js:42:5
gyp verb `which` failed     at E:\codes\proviet\client-nuxt\node_modules\isexe\windows.js:36:5
gyp verb `which` failed     at FSReqCallback.oncomplete (fs.js:183:21) {
gyp verb `which` failed   code: 'ENOENT'
gyp verb `which` failed }
gyp verb check python checking for Python executable "python" in the PATH
gyp verb `which` succeeded python C:\Program Files\python\python.EXE
gyp ERR! configure error
gyp ERR! stack Error: Command failed: C:\Program Files\python\python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3];
gyp ERR! stack   File "<string>", line 1
gyp ERR! stack     import sys; print "%s.%s.%s" % sys.version_info[:3];
gyp ERR! stack                       ^
gyp ERR! stack SyntaxError: invalid syntax
gyp ERR! stack
gyp ERR! stack     at ChildProcess.exithandler (child_process.js:308:12)
gyp ERR! stack     at ChildProcess.emit (events.js:315:20)
gyp ERR! stack     at maybeClose (internal/child_process.js:1048:16)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:288:5)
gyp ERR! System Windows_NT 10.0.19042
gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "E:\\codes\\proviet\\client-nuxt\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd E:\codes\proviet\client-nuxt\node_modules\node-sass
gyp ERR! node -v v14.16.0

我的解决办法是自行安装Python2.7
安装完成后配置环境变量

npm config set python python2.7

再配置一下版本

npm config set msvs_version 2017

另一个解决方法在这里记录一下,不过我之前用这个解决不好用,可能分个人的环境吧。
解决方案二(推荐)
node-sass实在太坑了,之前遇到安装失败使用方法一完美解决。最近又一次遇到了,但是方法一又无效了。于是我又在网上找到另一个方法,就是用dart-sass来替换node-sass。
正常的替换也会出问题,还要改配置。使用以下方法便可以解决
yarn安装的:
yarn add node-sass@yarn:dart-sass -D

npm install node-sass@npm:dart-sass -D

3、使用淘宝镜像遇到的问题
会报错,因为淘宝的ssl证书过期了。
cmd下node -v 查看node是否已安装
安装淘宝镜像

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

查看cnpm是否真安装成功 cnpm -v在这里插入图片描述
如果遇到这个错误,就是ssl证书的问题

npm ERR! code CERT_HAS_EXPIRED
npm ERR! errno CERT_HAS_EXPIRED
npm ERR! request to https://registry.npm.taobao.org/@handsontable%2fvue failed, reason: certificate has expired
 
npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\taylor\AppData\Roaming\npm-cache\_logs\2024-02-29T01_10_09_723Z-debug.log

解决方法
您可以尝试以下方法来解决这个问题:(一般只需要前两步就能解决问题)

1、清除npm缓存

npm cache clean --force

2、禁用SSL:虽然不推荐,但您可以暂时禁用SSL验证来解决这个问题。但请注意,这会降低安全性。您可以通过设置npm的 strict-ssl 选项为 false 来实现:

npm config set strict-ssl false

3、手动设置npm镜像源:有时,npm的默认镜像源可能会出现证书问题。您可以尝试切换到另一个镜像源,例如使用淘宝镜像。可以通过以下命令来设置:

npm config set registry https://registry.npm.taobao.org/

http://www.niftyadmin.cn/n/5557944.html

相关文章

通义千问Qwen-VL-Chat大模型本地训练(二)

目录 前言 环境准备 软件安装 数据准备 模型训练 模型名称修改 数据集修改 模型参数修改 数据读取编码修改 output_dir修改 模型调用 验证 小结 前言 人工智能大模型是一种能够利用大数据和神经网络来模拟人类思维和创造力的人工智能算法。它利用海量的数据和深度学习技…

[笔记] SEW的振动分析工具DUV40A

1.便携式振动分析仪 DUV40A 文档编号&#xff1a;26871998/EN SEW是一家国际化的大型的机械设备供应商。产品线涵盖电机&#xff0c;减速机&#xff0c;变频器等全系列动力设备。DUV40A是他自己设计的一款振动分析工具。 我们先看一下它的软硬件参数&#xff1a; 内置两路传…

Linux使用systemctl添加自启动程序实现步骤

1、编写*.service文件 [Unit] Descriptionesbservice [Service] WorkingDirectory/opt/app/test ExecStart/usr/bin/java -jar /opt/app/test/XXX-3.0.jar & Userroot Typesimple Restarton-failure RestartSec10 [Install] WantedBymulti-user.target 2、启动程序是…

sentinel网关限流配置及使用

sentinel控制台源码&#xff1a;https://download.csdn.net/download/yixin605691235/89543923 sentinel控制台jar包&#xff1a;https://download.csdn.net/download/yixin605691235/89543931 不同环境直接修改jar包中的application.yml文件中的nacos地址就可以了。 一、网关限…

php cms 如何适配php8.3

要适配PHP 8.3&#xff0c;你需要做以下配置&#xff1a; 检查PHP CMS的兼容性&#xff1a;首先&#xff0c;确保你使用的PHP CMS版本与PHP 8.3兼容。访问PHP CMS的官方网站或开发者社区&#xff0c;查看他们是否发布了兼容PHP 8.3的版本或修补程序。 更新CMS版本&#xff1a;…

聊聊自动驾驶中的LiDAR和Radar

LiDAR&#xff08;光检测与测距&#xff09;和Radar&#xff08;无线电波检测与测距&#xff09;是两种不同的遥感技术&#xff0c;它们在原理和应用上存在一些区别&#xff1a; 原理上的区别&#xff1a; LiDAR&#xff1a; 利用激光脉冲进行测距。通过测量激光从发射到反射…

【自学安全防御】二、防火墙NAT智能选路综合实验

任务要求&#xff1a; &#xff08;衔接上一个实验所以从第七点开始&#xff0c;但与上一个实验关系不大&#xff09; 7&#xff0c;办公区设备可以通过电信链路和移动链路上网(多对多的NAT&#xff0c;并且需要保留一个公网IP不能用来转换) 8&#xff0c;分公司设备可以通过总…

【Linux】文件管理常用命令【超详细】

文章目录 预防rm事故-血的教训&#x1f622;1. 使用别名&#xff1a;2. 启用回收站&#xff1a;3. 只读文件系统&#xff1a; 一、文件管理1.1 touch-文件创建1.2 rm-文件删除1.3 mkdir-目录创建1.4 rmdir-目录删除1.5 pwd-显示当前目录1.6 cd-切换当前目录1.7 ls-列出文件和目…