集成Redux后出现Invariant Violation: AppRegistry.runApplication调用失败

遇到以下错误：

Invariant Violation:
Failed to call into JavaScript module method AppRegistry.runApplication(). Module has not been registered as callable. Registered callable JavaScript modules (n = 11): Systrace, JSTimers, HeapCapture, SamplingProfiler, RCTLog, RCTDeviceEventEmitter, RCTNativeAppEventEmitter, GlobalPerformanceLogger, JSDevSupportModule, HMRClient, RCTEventEmitter.

该错误常见原因包括应用入口文件路径错误、JS包损坏或React Native加载时的早期初始化错误。此错误出现在集成Redux之后，Redux原本运行正常，未做任何改动的情况下突然出现。添加AppRegistry.registerComponent('PrApp', () => App);后问题仍未解决，回退到集成Redux前的版本应用可正常运行。

相关代码：

import {createStackNavigator } from '@react-navigation/stack';
import Home from './Screens/Home';
import PrEnteryScreen from './Screens/PrEnteryScreen'
import LogBookScreen from './Screens/LogBookScreen';
import AuthScreen from './Screens/AuthScreen';
import SelectExerciseModal from './Screens/SelectExerciseModal';
import RegisterModalScreen from './Screens/RegisterModalScreen';
import ExerciseInformationScreen from './Screens/ExerciseInformation';
import { AppRegistry} from 'react-native';

const MainStack = createStackNavigator();

const App = () => {
  return (
    <NavigationContainer 
    > 
      <MainStack.Navigator
        screenOptions={{headerShown: false}}
        initialRouteName='AuthScreen'
        > 
          <MainStack.Group>
        
          <MainStack.Screen name = "AuthScreen" component={AuthScreen}/>        
            <MainStack.Screen name = "Home" component={Home}/>        
            <MainStack.Screen name = "PrEnteryScreen" component = {PrEnteryScreen}/>
            <MainStack.Screen name = "LogBookScreen" component={LogBookScreen}/>
            <MainStack.Screen name = "ExerciseInformationScreen" component={ExerciseInformationScreen}/>
          </MainStack.Group>
          <MainStack.Group screenOptions={{presentation: 'modal'}}>
          <MainStack.Screen name ="RegisterModalScreen" component={RegisterModalScreen}/>
            <MainStack.Screen name ="SelectExerciseModal" component={SelectExerciseModal} />
          </MainStack.Group>
      </MainStack.Navigator>
    </NavigationContainer>
  );
}

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


export default App;

针对集成Redux后出现的这个问题，按以下步骤排查修复：

1. 检查Redux组件嵌套顺序 #

确认Provider组件是否正确包裹了NavigationContainer，错误的嵌套顺序会导致初始化冲突。正确的写法应该是：

import { Provider } from 'react-redux';
import store from './store'; // 你的Redux store文件

const App = () => {
  return (
    <Provider store={store}>
      <NavigationContainer>
        {/* 导航栈内容 */}
      </NavigationContainer>
    </Provider>
  );
}

2. 清理缓存并重建项目 #

缓存异常是这类问题的高频诱因，执行以下操作：

• 重置React Native缓存：npx react-native start --reset-cache
• 清理iOS原生缓存：进入ios目录执行pod deintegrate && pod install，再用Xcode执行Cmd+Shift+K清理构建缓存
• 清理Android原生缓存：进入android目录执行./gradlew clean
• 重新启动应用

3. 移除冗余的AppRegistry注册代码 #

在最新版React Native中，export default App已足够完成应用注册，手动添加AppRegistry.registerComponent会导致注册冲突，直接删除该行代码即可。

4. 排查Redux中间件/enhancer冲突 #

如果使用了自定义中间件或第三方enhancer，暂时移除非必要的模块（比如日志中间件），测试应用是否能正常运行，确认是否存在版本兼容或初始化时机冲突问题。

5. 验证入口文件配置 #

• 检查package.json的main字段是否指向正确的入口文件（默认是index.js）
• 确认index.js内容正确：

import { AppRegistry } from 'react-native';
import App from './App';
import { name as appName } from './app.json';

AppRegistry.registerComponent(appName, () => App);

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