升级Expo 50后NextJS+Solito+Dripsy编译失败求助

问题详情 #

• 场景：升级至Expo 50 SDK后，基于Solito和Dripsy开发的Next.js项目
• 错误：编译失败，报错信息如下：

dripsy/build/core/components/ScrollView.js文件第10行存在语法错误：意外标记，预期逗号

• 已尝试操作：根目录执行yarn安装依赖，运行yarn web-dev启动项目

可行解决方案 #

1. 升级Dripsy到适配Expo 50的版本 #

Expo 50对依赖兼容性有更新，Dripsy旧版本可能未适配新语法。直接升级到最新稳定版：

yarn add dripsy@latest

如果最新版仍有问题，可查看Dripsy更新日志，选择明确标注支持Expo 50的版本指定安装：

yarn add dripsy@[具体版本号]

2. 配置Next.js转译Dripsy依赖 #

部分第三方库可能未被Next.js默认转译，导致语法解析失败。修改next.config.js，添加对Dripsy的转译配置：

const { withExpo } = require('@expo/next-adapter')

module.exports = withExpo({
  transpilePackages: ['dripsy', '@dripsy/core'],
  // 保留原有项目配置
})

保存后重新运行yarn web-dev。

3. 清理缓存并重装依赖 #

缓存或损坏的依赖文件可能引发冲突，执行以下步骤：

# 清除yarn缓存
yarn cache clean
# 删除node_modules和锁文件
rm -rf node_modules yarn.lock
# 重新安装依赖
yarn install
# 重启项目
yarn web-dev

4. 同步升级Solito版本 #

Solito也需要适配Expo 50，升级到最新版确保兼容性：

yarn add solito@latest

补充提示 #

如果以上方案都无法解决问题，建议提供next.config.js和各package.json的具体代码内容，方便进一步排查版本冲突或配置问题。

内容的提问来源于stack exchange，提问作者Mona Fang