React Native 错误：模块由于错误而无法加载，并且未调用 AppRegistry.registerComponent，JS 引擎：Hermes

Question

尝试运行应用程序时，我的 React Native 项目遇到错误。错误信息如下：

A module failed to load due to an error and AppRegistry.registerComponent wasn't called, JS engine: Hermes

更改我的index.js代码

/**
 * @format
 */

import {AppRegistry, AppState} from 'react-native'; // Combined import from 'react-native'
import App from './App'; // Main component import
import {name as appName} from './app.json'; // Import the app name from app.json
import './src/utils/i18n'; // Import for internationalization
import messaging from '@react-native-firebase/messaging'; // Import Firebase Messaging
import store from './src/redux/store/store'; // Redux store
import * as FcmSlice from './src/redux/slices/FcmSlice'; // Redux slice for FCM
import {enableScreens} from 'react-native-screens'; // Optimize navigation using screens
import 'react-native-reanimated'; // For animations in React Native

enableScreens(); // Enables optimized screens for better navigation performance

// Firebase background message handler
messaging().setBackgroundMessageHandler(async remoteMessage => {
  if (AppState.currentState === 'background') {
    // Dispatch the message to the Redux store
    store.dispatch(FcmSlice.getfcmMessage(remoteMessage));
  }
  console.log('Message handled in the background!', remoteMessage);
});

// Register the main app component
AppRegistry.registerComponent(appName, () => App);

Answer 1

您遇到的错误表明加载模块时出现问题，这会阻止您的主应用程序组件向 AppRegistry 注册。以下是排除和解决此问题的一些步骤：

• 确保您的主要应用程序组件已正确导出。例如 从“./App”导入应用程序； // 根据需要调整路径

  AppRegistry.registerComponent('YourAppName', () => App);

• 清除缓存：

  npx react-native start --reset-cache

• 检查 Hermes 配置：

  在您的 android/app/build.gradle 中，检查以下内容：

  project.ext.react = [ enableHermes: true // 如果设置为 false，则切换为 true ]

• 重建应用程序：

  npx react-native run-android # 适用于 Android

  npx react-native run-ios # 适用于 iOS

• 查找依赖性问题：

  npm 安装 或者 纱线安装

如果您已完成这些步骤但仍然遇到问题，请随时提供有关您的设置或任何特定错误消息的更多详细信息，我可以帮助您进一步排除故障！