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

原创已于 2024-01-07 15:58:18 修改 · 5.3k 阅读

32 ·

CC 4.0 BY-SA版权

文章标签：

#npm #node.js #intellij-idea

于 2023-06-14 00:00:00 首次发布

2023 同时被 2 个专栏收录

67 篇文章

订阅专栏

开发环境搭建

45 篇文章

订阅专栏

注意：如果需要动态灵活管理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"
  },