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
相关推荐
闪耀之光M7810 分钟前
npm命令解析
前端
咸鱼老弟17 分钟前
AI Agent 的"自主性悖论"——为什么给它的自由度越大,越要配一套更硬的护栏
前端·人工智能
默_笙1 小时前
💫 闭包是个背包:拆解小米前端面试题里的三道"闭包陷阱"
前端·javascript·面试
天若有情6731 小时前
粒子星空背景单页HTML模板|炫酷动态星空特效网页(纯前端)
前端·html·css动画·网页特效·粒子星空·静态网页模版
工业涂料百问1 小时前
【趋势前沿】系列(三)工业涂料国产替代的三个台阶:航空、海工、电子的突破路径与认证壁垒
前端
前端snow1 小时前
ai agent --- agentic RAG
前端
gyratesky2 小时前
记录一种很新的大屏开发方式
前端·数据可视化
xy34532 小时前
Axure 9.0 中继器核心结构
前端·ui·html·axure·原型·产品设计
老王以为3 小时前
走进 AI Agent 第四篇(上):知识获取管道——RAG 基础
前端·人工智能·全栈