反应导航错误，不变违规：在 UIManager 中找不到 requireNativeComponent：\“RNSScreenStackHeaderConfig\”答案

【问题标题】：React Navigation Error, Invariant Violation: requireNativeComponent: "RNSScreenStackHeaderConfig" was not found in the UIManager反应导航错误，不变违规：在 UIManager 中找不到 requireNativeComponent：\“RNSScreenStackHeaderConfig\”
【发布时间】：2022-10-21 01:27:47
【问题描述】：

最近我在react-native 开始开发并一直在尝试构建一个应用程序。我最初成功实现了反应导航，但是在我尝试安装和使用其他包之后我失败并放弃并试图删除。不知何故，我最终搞砸了我的项目，甚至基本的导航都失败了。

到目前为止，我只是尝试创建一个反应原生项目并使用XCode 模拟器在ios 上运行它。按照本教程，https://reactnavigation.org/docs/hello-react-navigation。当我尝试运行给定的最简单示例时，出现此错误。在仔细遵循所有前面的步骤之后。

错误不变违规：requireNativeComponent：>“RNSScreenStackHeaderConfig”未在 UIManager 中找到。

     This error is located at:
        in RNSScreenStackHeaderConfig (at HeaderConfig.tsx:128)
        in HeaderConfig (at NativeStackView.native.tsx:223)
        in MaybeFreeze (at src/index.native.tsx:229)
        in RNSScreen (at createAnimatedComponent.js:242)
        in AnimatedComponent (at createAnimatedComponent.js:295)
        in AnimatedComponentWrapper (at src/index.native.tsx:208)
        in Screen (at NativeStackView.native.tsx:176)
        in SceneView (at NativeStackView.native.tsx:278)
        in RNSScreenStack (at src/index.native.tsx:160)
        in ScreenStack (at NativeStackView.native.tsx:269)
        in NativeStackViewInner (at NativeStackView.native.tsx:323)
        in RNCSafeAreaProvider (at SafeAreaContext.tsx:76)
        in SafeAreaProvider (at SafeAreaProviderCompat.tsx:46)
        in SafeAreaProviderCompat (at NativeStackView.native.tsx:322)
        in NativeStackView (at createNativeStackNavigator.tsx:67)
        in NativeStackNavigator (at App.js:19)
        in EnsureSingleNavigator (at BaseNavigationContainer.tsx:430)
        in BaseNavigationContainer (at NavigationContainer.tsx:132)
        in ThemeProvider (at NavigationContainer.tsx:131)
        in NavigationContainerInner (at App.js:18)
        in App (at renderApplication.js:50)
        in RCTView (at View.js:32)
        in View (at AppContainer.js:92)
        in RCTView (at View.js:32)
        in View (at AppContainer.js:119)
        in AppContainer (at renderApplication.js:43)
        in Twisten(RootComponent) (at renderApplication.js:60)

这是我正在运行的代码。

import * as React from 'react';
    import { View, Text } from 'react-native';
    import { NavigationContainer } from '@react-navigation/native';
    import { createNativeStackNavigator } from '@react-navigation/native-stack';
    
    function HomeScreen() {
      return (
        <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
          <Text>Home Screen</Text>
        </View>
      );
    }
    
    const Stack = createNativeStackNavigator();
    
    function App() {
      return (
        <NavigationContainer>
          <Stack.Navigator>
            <Stack.Screen name="Home" component={HomeScreen} />
          </Stack.Navigator>
        </NavigationContainer>
      );
    }
    
    export default App;

我正在使用命令 react-native run-ios 运行它

我希望这可以工作并显示一个简单的homescreen，但是在运行代码时会出错。任何帮助表示赞赏，谢谢。

【问题讨论】：

你能发布 package.json 文件吗

标签： ios react-native mobile

【解决方案1】：

我面临同样的问题，然后我杀死了地铁而不是

npx 反应原生启动

我命令

npx react-native run-android

重建一切。我认为这发生在我身上，因为我在没有停止地铁的情况下安装了软件包

【讨论】：