React Native Web中无法解析./Libraries/LogBox/LogBox.js模块的问题求助

看起来你遇到的是Expo React Native在Web端的模块解析坑，我之前做跨端项目时也碰过类似情况，结合你贴的依赖列表，给你几个实用的排查方向：

1. 先处理Web不兼容的原生依赖 #

你的依赖里有几个仅支持React Native原生平台的库，Web端根本没有对应的实现，这大概率是报错的核心原因：

• react-native-device-info：这个库靠原生底层API拿设备信息，Web端没有对应能力，要么换成浏览器navigator API获取基础信息，要么在Web打包时用空模块替代它。
• react-native-mmkv：MMKV是原生键值存储，Web端没这个实现，可以换成Expo官方支持Web的expo-secure-store，或者直接用浏览器的localStorage/sessionStorage替代。

你可以在expo.config.js里配置Web端的模块别名，用空模块跳过不兼容的库：

// expo.config.js
export default {
  // 其他原有配置
  web: {
    build: {
      babel: {
        plugins: [
          [
            'module-resolver',
            {
              alias: {
                'react-native-device-info': './src/web-mocks/emptyModule.js',
                'react-native-mmkv': './src/web-mocks/emptyModule.js',
              },
            },
          ],
        ],
      },
    },
  },
};

然后在./src/web-mocks/emptyModule.js里导出空对象即可：

export default {};

2. 清理缓存+检查版本兼容性 #

你用的是React 19 + Expo 53，虽然官方宣称兼容，但新组合容易有缓存或版本适配问题：

• 先彻底清理缓存再重启项目：

npx expo start --clear
# 或者更彻底的清理：
rm -rf .expo web-build node_modules && npm install

• 运行npx expo doctor检查依赖冲突，它会自动扫出哪些版本不匹配，直接跟着提示修复就行。

3. 针对性解决LogBox模块问题 #

报错里的LogBox是React Native原生的调试组件，Web端根本没有这个模块。你可以在代码里加平台判断，只在原生端引入它：

import { Platform } from 'react-native';

if (Platform.OS !== 'web') {
  import { LogBox } from 'react-native';
  LogBox.ignoreLogs(['你要忽略的日志内容']);
}

也可以直接在Web打包配置里给LogBox设别名，指向空模块，避免解析报错。

4. 调整部分依赖版本 #

你的react-native-gesture-handler是~2.24.0，而Expo 53官方推荐的版本是~2.20.0，高版本虽然可能兼容，但建议先降级到官方推荐版本，排除版本冲突的可能。

如果按上面的步骤排查后还是不行，把Web端的完整报错信息贴出来，能更精准定位问题~

内容来源于stack exchange