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
相关推荐
kyriewen12 小时前
我手写了一个 EventEmitter,面试官追问了 6 个问题——第 4 个我没答上来
前端·javascript·面试
IT_陈寒13 小时前
Java的Date类又坑了我一次,改用时间戳真香
前端·人工智能·后端
小林攻城狮13 小时前
使用 Transport 节流解决 Vercel AI SDK 流式渲染卡死问题
前端·react.js
前端缘梦13 小时前
告别 TS 运行时类型漏洞!Zod 完整入门实战教程(前端 / 全栈必备)
前端·react.js·全栈
the_answer14 小时前
Webpack vs Vite 深度对比分析
前端·webpack
转转技术团队14 小时前
验证码识别实战:前端不写页面,改训模型了?
前端
MomentYY14 小时前
Temperature:AI 的“脑洞旋钮”
前端·llm·ai编程
远航_14 小时前
OpenSpec 完整详细介绍
前端·后端
召钱熏14 小时前
状态枚举正确≠渲染正确:一个语音按钮的状态机边界修复实录
android·前端
SkyWalking中文站14 小时前
认识 Horizon UI · 1/17:SkyWalking 新一代可观测性控制台
运维·前端·监控