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
相关推荐
FreeTinker6 小时前
HTML本地存储技术解析:localStorage与sessionStorage的原理、差异与应用场景
前端·html
qq_452396236 小时前
第十二篇:《全链路监控与可观测性:前端错误追踪与性能分析》
前端
wangruofeng7 小时前
Phosphor Icons 官网源码拆解:URL 即存储、水波动画与 7362 Star 图标库的架构实践
前端·架构·github
BigTopOne8 小时前
WebRTC Native / Android 开发学习资源整理
前端
excel9 小时前
nuxt 3 升级 nuxt 4 报错之 hasInjectionContext
前端
何以解忧,唯有..9 小时前
LangChain 工具调用(Tool Calling)实战指南
java·前端·langchain
软件聚导航10 小时前
「聚小软 AI 助手」技术升级:从数据库检索到 RAG 知识库问答
前端·数据库·mysql·微信小程序·小程序·ai编程·rag
恋猫de小郭10 小时前
看懂大模型架构术语,帮助你理解目前常见的大模型开源架构
前端·人工智能·ai编程
yma1610 小时前
通过提示词实现GitHub Pages 和 Nginx 双部署竟然这么简单?
前端
前端 贾公子11 小时前
第09章:上下文与记忆 (2)
java·服务器·前端