node版本升级后,项目跑不起来

升级node版本,导致项目跑不起来

版本号

原版本 新版本
node@16.20.2 node@22.17.0
pnpm@8.15.9 pnpm@10.12.3

新版本跑项目历程

js 复制代码
pnpm i

等待下载完依赖后,发现有这一段warning

忽略这一warning直接跑项目

js 复制代码
pnpm run start:stage

报错1:-4058,找不到esbuild

这时候去查,得知都使用这个命令node ./node_modules/esbuild/install.js手动安装一下esbuild就行了,于是照猫画虎

还是报错!!!!

果然不止我一个人这样照猫画虎,有人指出需要注意path

报错1解决方案

正确的命名应该是:

js 复制代码
node ./node_modules/.pnpm/esbuild@0.8.57/node_modules/esbuild/install.js

执行该命令没有报错,应该也是安装成功了。

以为万无一失了,跑项目:

js 复制代码
pnpm run start:stage

我没事,我很好。。。

报错2:Error: error:0308010C:digital envelope routines::unsupported

又去查文章,找到一篇疑似翻译的文章

抄笔记:

这个报错大致原因是:由于Node.js和OpenSSL之间的兼容性问题,在Node.js 17版本以及更高版本中,OpenSSL 3.0中默认禁用了某些加密功能。

需要执行set NODE_OPTIONS=--openssl-legacy-provider命令

于是分开执行命令

发现还是不行,没事哒没事哒,没有什么困难是打败不了我的

尝试一起执行set NODE_OPTIONS=--openssl-legacy-provider && pnpm run start:stage

嗯,还是不行

有些人可能到这一步不会出现问题,我是因为在bash命令行中执行的,在cmd或者PowerShell中不一定行不通。

报错2解决方案1

我还得继续,于是把set NODE_OPTIONS=--openssl-legacy-provider加到package.json中

js 复制代码
"start:stage": "set NODE_OPTIONS=--openssl-legacy-provider && npx ......",

再执行

js 复制代码
pnpm run start:stage

发现成功跑起来了

小小脑袋大大疑问

疑问:为什么set NODE_OPTIONS=--openssl-legacy-provider && pnpm run start:stage这样不行,但是把set写进package.json可以?

在 package.json 中,整个命令链是在 同一个 shell 进程 中顺序执行的

报错2解决方案2

但是我不想改package.json文件,AI给出方案,我挑了一个最简单的:

js 复制代码
cross-env NODE_OPTIONS=--openssl-legacy-provider pnpm run start:stage

总结

1.执行命令解决esbuild问题(注意路径)

js 复制代码
node ./node_modules/.pnpm/esbuild@0.8.57/node_modules/esbuild/install.js

解决esbuild还有一个方法,我目前没去尝试,可以参考文章去试试

2.执行命令解决OpenSLL3.0加密兼容性问题并运行项目

js 复制代码
set NODE_OPTIONS=--openssl-legacy-provider && pnpm run start:stage

或者

js 复制代码
cross-env NODE_OPTIONS=--openssl-legacy-provider pnpm run start:stage
相关推荐
小陈工3 小时前
Python Web开发入门(十六):前后端分离架构设计——从“各自为政”到“高效协同”
开发语言·前端·数据库·人工智能·python
欣然~3 小时前
FachuanHybridSystem 项目 Windows 完整安装启动文档
前端
anyup3 小时前
uView Pro 的主题系统有多强大?3 分钟设计 uni-app 企业级 UI 主题
前端·vue.js·uni-app
BUG_Jia3 小时前
Vue 3 组件封装与使用:保姆级教程
前端·javascript·vue.js
奇舞精选4 小时前
观察 AIRI 源码:一个 Agent 系统如何处理入口、扩展与执行闭环
前端·openai
江湖行骗老中医4 小时前
Pinia 是 Vue 的专属状态管理库
前端·javascript·vue.js
用户69371750013844 小时前
Android 开发,别只钻技术一亩三分地,也该学点“广度”了
android·前端·后端
郑鱼咚4 小时前
别再神化Spec了,它可能只是AI Coding的临时补丁
前端
张元清4 小时前
React 鼠标追踪与交互效果实战
前端·javascript·面试
MinterFusion4 小时前
HTML DOM元素的定位问题
前端·css·html