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
相关推荐
hiahiahia12317 分钟前
Streaming Model Output
开发语言·前端
paopaokaka_luck18 分钟前
基于springboot+vue的益暖微光公益服务平台(DeepSeek公益助手、善款信息追溯、志愿服务积分闭环、ECharts运营分析、活动状态自动流转)
java·前端·javascript·spring boot·mysql·架构·echarts
栀椩28 分钟前
Electron 内嵌页面跨域问题(CORS/PNA)解决全记录
前端·javascript·electron
asaotomo33 分钟前
截图识题、AI 讲解、笔记沉淀:Chrome 扩展体验
前端·chrome·笔记
前端架构师-老李35 分钟前
HTML与CSS基础第五课—HTML的空格、换行、横线相关知识
前端·css·html
SEO_juper36 分钟前
Chrome 扩展一键查看当前页面 SEO 信息:不用切页面,点一下全出来
前端·javascript·chrome
Nymph_Zhu43 分钟前
vue3+element-plus 文件上传
前端·typescript·vue3·element-plus
echome8881 小时前
CSS 布局:Flex 和 Grid 怎么选,附常见坑
前端·css·html
计算机魔术师1 小时前
科技巨头砸7400亿押注AI,为什么苹果成了唯一赢家?
前端
QianhangQianping1 小时前
撤销重做不是「存快照」:一个可视化编辑器的Operation 设计
java·前端·数据库·typescript·编辑器·前端架构·撤销重做