React Native项目启动报错求助（Hermes引擎）

报错1：TypeError: 无法读取未定义对象的'style'属性（Hermes引擎） #

• 排查所有使用style属性的组件，确认是否存在未初始化的style变量，比如直接引用undefined值作为style参数
• 检查自定义组件的props传递，确保父组件传入的style属性不为undefined
• 启用Hermes调试模式，定位报错的具体代码行，精准找到触发错误的组件

报错2：Invariant Violation: 模块AppRegistry不是已注册的可调用模块（调用runApplication，Hermes引擎） #

结合提供的配置文件，按以下步骤排查：

检查package.json #

• 确认main字段指向正确的入口文件（如index.js/index.tsx），确保文件存在且路径无误
• 验证react与react-native版本是否兼容，执行npm list react react-native查看版本，不兼容则调整至匹配版本
• 删除node_modules、package-lock.json（或yarn.lock），重新执行npm install（或yarn install）修复包损坏问题

检查项目级build.gradle #

• 确认ext块中的reactNativeVersion与package.json中的版本一致，示例：

  ext {
    reactNativeVersion = "0.72.6" // 需与package.json中react-native版本匹配
    // ...其他配置
  }
  

• 检查allprojects下的仓库配置，确保包含react-native的maven源：

  allprojects {
    repositories {
      mavenLocal()
      maven { url("$rootDir/../node_modules/react-native/android") }
      maven { url("$rootDir/../node_modules/jsc-android/dist") }
      google()
      mavenCentral()
    }
  }
  

检查应用级build.gradle #

• 确认dependencies中react-native依赖引用正确：

  implementation "com.facebook.react:react-native:${reactNativeVersion}"
  

• 检查project.ext.react中的Hermes配置是否与项目实际启用状态一致：

  project.ext.react = [
    enableHermes: true, // 需匹配项目是否启用Hermes
    // ...其他配置
  ]
  

• 验证defaultConfig中的applicationId等基础配置无误

通用修复操作 #

• 清除安卓构建缓存：进入项目android目录，执行./gradlew clean
• 重新生成JS包：执行npx react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
• 重置Metro缓存并重启服务：执行npx react-native start --reset-cache

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