nextjs 13 项目安装web3js 4.x版本打包报错问题记录

nextjs 13 项目安装web3js 4.x版本打包报错问题记录

关键词：nextjs build报错，web3js 4.3版本 build报错，info - Creating an optimized production build …thread ‘’ panicked at ‘byte index 4 is out of bounds of 0x1’

原文发布在王天柱的博客，原文链接
https://blog.wangtz.cn/blog/WxlBJrTDqoJqIN

我的博客网站是用nextjs 13版本搭建的，在服务商部署时使用的时ssr渲染模式。部署时需要先将项目run build生成 .next 目录之后才能run start 启动。

在最近的迭代中我在项目里加入了web3js来时时获取链上的gasprice，在本地开发环境调试好之后，服务端更新代码部署时 run build 报错，报错信息如下：

info  - Creating an optimized production build ..thread '<unnamed>' panicked at 'byte index 4 is out of bounds of `0x1`', C:\Users\runneradmin\.cargo\registry\src\github.com-1ecc6299db9ec823\swc_ecma_utils-0.107.2\src\lib.rs:1591:22
note: run with `RUST_BACKTRACE=1` environment variable to display a backtrace

我自己的开发电脑时win11系统，我的服务器是ubuntu 16.x版本，nodejs版本16.x，nextjs 版本 13.x，安装的web3js 版本为 4.3

linux ubuntu 16.x
nodejs 16.x
nextjs 13.x
web3js 4.3

在以上这些环境下执行 npm run build 命令报错，看报错信息我并没有看出什么有效的信息和解决办法。在网上搜了一下也没有类似问题的解决方案，最后凭借这这么长时间独立维护网站的经验判断这个问题大概率可以通过降低web3js版本来解决。

果然 将web3js版本降级到1.x 后重新 run build 不同环境均没有再出现这个报错问题，只是有一点需要注意就是web3js 1.x版本的部分api和 4.x 版本语不同，需要在代码层做处理。