React Native网页端运行报错：找不到'react'模块及路径参数错误

针对出现的找不到'react'模块和路径空字节无效参数两个错误，按以下步骤排查解决：

1. 补全Web端核心依赖 #

Android端运行正常但Web端报错，大概率是Web端缺失react-dom（Web端渲染依赖）或react版本不匹配。执行安装命令：

# npm 版本
npm install react react-dom --save
# yarn 版本
yarn add react react-dom

2. 彻底清除缓存 #

Metro缓存或Expo缓存异常会导致路径解析错误（包括空字节问题），执行清缓存启动命令：

npx expo start --clear

3. 调整Metro配置（针对Web端） #

创建或修改项目根目录下的metro.config.js，确保Web端能正确解析react模块：

const { getDefaultConfig } = require('expo/metro-config');

const config = getDefaultConfig(__dirname);

// 修复Web端react模块解析问题
config.resolver.resolveRequest = (context, moduleName, platform) => {
  if (platform === 'web' && moduleName === 'react') {
    return {
      filePath: require.resolve('react'),
    };
  }
  return context.resolveRequest(context, moduleName, platform);
};

module.exports = config;

4. 校验依赖版本兼容性 #

检查package.json中expo与expo-router的版本是否匹配：

• Expo 49对应expo-router 2.x
• Expo 48对应expo-router 1.x
  版本不兼容会引发各类打包异常，若版本不匹配，执行对应版本的升级/降级命令。

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