IDEA中Node.js环境下npm报错Error:0308010C:digital envelope routines:unsupported

注意：如果需要动态灵活管理Node.js的版本 ，或者要切换Node.js的版本，不想卸载重装的话，可以查看我这篇最新的博文: 安装配置nvm-windows对Node.js与npm进行版本控制。这篇文章也有部分内容与本篇重复。

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
Node.js 是一个开源的、跨平台的 JavaScript 运行时环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm,是目前最流行的Node.js 的包管理器。

一、安装Node.js

在CMD中输入node -v和npm -v显示下图中的错误信息，则表示你的机器上没安装nodejs或未配置全局变量，造成无法在全局使用。

下载的为 Windows版本的node-v18.16.0-x64 .msi
官网 https://nodejs.org/en/download
中文官网 https://nodejs.org/zh-cn/download

二、安装配置

2.1 采用默认安装

2.2 配置环境变量

配置用户变量NODE_PATH和系统变量Path

2.3 检测path正常与Node.js和npm安装

#检测path正常
path 或者 echo %path%

#检测Node.js
node -v

#检测npm
npm -v

2.4 配置npm

在Node.js安装目录中新建node_global&node_cache文件夹

#node_global是npm的全局模块的路径
#node_cache是npm使用时的cache即缓存的配置路径。

在CMD中使用npm config 中的npm config set命令配置node_global和node_cache文件夹

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

在CMD中使用nmp config 中的npm config set命令配置镜像-regisry

#npm config set registry 设置镜像站
npm config set registry=http://registry.npm.taobao.org

使用npm config get 和npm config list命令获取配置的信息：

npm info vue 需要用管理员身份打开CMD后，输入npm info vue

不使用管理员身份打开CMD输入该指令会报错：

使用管理员身份打开CMD输入该指令：

使用过一段时间后的node_cache文件夹产生的缓存文件：

扩展信息（可跳过）：

npm 是世界上最大的软件注册表。 来自各大洲的开源开发者使用 npm 来共享和借用包，许多组织也使用 npm 来管理私有开发。

npm 由三个不同的组件组成：
网站
命令行接口 (CLI)
注册表
使用 网站 发现包、设置配置文件和管理 npm 体验的其他方面。 例如，你可以设置 组织 来管理对公共或私有包的访问。

CLI 从终端运行，是大多数开发者与 npm 交互的方式。

注册表 是 JavaScript 软件及其周围元信息的大型公共数据库。

#使用 npm 去 . . .
为你的应用程序调整代码包，或按原样合并包。
下载你可以立即使用的独立工具。
使用 npx 运行包而不下载。
随时随地与任何 npm 用户共享代码。
将代码限制为特定的开发者。
创建组织以协调包维护、编码和开发者。
通过使用组织形成虚拟团队。
管理多个版本的代码和代码依赖项。
更新底层代码时轻松更新应用程序。
发现解决同一个难题的多种方法。
寻找正在处理类似问题和项目的其他开发者。

扩展链接：
1、关于 npm
2、npm CLI
------- CLI 命令
------- 配置npm
--------使用 npm

三、IDEA中Node.js环境下npm报错error:0308010C

3.1 在idea的terminal中获取管理员权限

这里要介绍两个npm CLI指令:

#此命令安装一个包和它所依赖的任何包。 如果包有一个包锁，或者一个 npm 收缩封装文件，或者一个纱线锁文件，依赖项的安装将由
#它驱动，遵循以下优先顺序：npm-shrinkwrap.json、package-lock.json、yarn.lock
#npm  install

#运行dev模块(运行任意包脚本、这会从包的 "scripts" 对象运行任意命令。)
#npm run dev

详情：
npm-install
npm-run-script

3.2 npm install

cd进入前端文件夹Ruoyi-ui,执行npm install：

3.3 npm run dev

Error:0308010C:digital envelope routines::unsupported

此问题是因为Node.js的版本原因，此处安装的Node.js是最新长期维护版: 18.16.0 (includes npm 9.5.1)

有两种解决办法：

#1、方法一
重新安装低版本的node.js

#2、方法二
在package.json文件中进行配置【此种方法较简单】

package.json 文件的 “scripts” 属性支持许多内置脚本及其预设的生命周期事件以及任意脚本。 这些都可以通过运行 npm run-script 或简称 npm run 来执行。 具有匹配名称的前置和后置命令也将为这些运行（例如 premyscript、myscript、postmyscript）。 来自依赖项的脚本可以使用 npm explore – npm run 运行。

打开项目目录，点击npm相关的package.json文件

package.json的scripts参数中配置SET NODE_OPTIONS

 "scripts": {
    "dev": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
    "build:prod": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
    "preview": "node build/index.js --preview",
    "lint": "eslint --ext .js,.vue src"
  },

配置完成后再次执行npm run dev，成功编译完成。(下方的Proxy error，是因为后端服务没有开启。)

四、参考资料

Latest LTS Version: 18.16.0 (includes npm 9.5.1)
最新长期维护版: 18.16.0 (includes npm 9.5.1)
（全网最详细！！）npm：无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
欢迎使用 Node.js 中文网（Node.js 是一个开源的、跨平台的 JavaScript 运行时环境。）
npm-install (安装包)
npm-run-script (运行任意包脚本)
package.json (npm 的 package.json 处理细节)
使用 npm
developers 开发者指南 (使用 npm 来开发（并且可能发布/部署）你的项目)
scripts-脚本(npm 如何处理 “scripts” 字段)

Vue 报错error:0308010C:digital envelope routines::unsupported
nodejs新版本引起的：digital envelope routines::unsupported
nodejs新版本引起的：digital envelope routines::unsupported

Vue-CLI的安装、使用及环境配置（超详细）
npm全局安装失败，报-4048错误（npm ERR code EPERMnpm ERR syscall mkdirnpm ERR path C:\…）
npm install -g @vue/cli 安装vue脚手架报错（一般都能解决）
npm 启动项目遇到的问题