错误：文本字符串必须在 <Text> 组件内呈现。 React-Navigation 库问题

Question

我面临的错误是这样的： 错误：文本字符串必须在组件内呈现。

此错误位于： 在 EnsureSingleNavigator 中 在 BaseNavigationContainer 中 在主题提供者中 在NavigationContainerInner（由App创建）中 在Provider中（由App创建） 在 App 中（由 withDevTools(App) 创建） 在 withDevTools(App) 中 在RCTView中（由View创建） 在视图中（由 AppContainer 创建） 在RCTView中（由View创建） 在视图中（由 AppContainer 创建） 在应用程序容器中 在main(RootComponent)中，js引擎：hermes

这是我的代码:: 应用程序.tsx

import { StatusBar } from "expo-status-bar";
import { StyleSheet, Text, View } from "react-native";
import RootNavigator from "./router/RootNavigator";
import { Provider } from "react-redux";
import { store } from "./store/store";
import { NavigationContainer } from "@react-navigation/native";

export default function App() {
  return (
    <Provider store={store}>
      <NavigationContainer>
        <RootNavigator />;
      </NavigationContainer>
    </Provider>
  );
}

import { createNativeStackNavigator } from "@react-navigation/native-stack";
import React from "react";
import Home from "../pages/Home";

export type ParamList = {
  home: undefined;
};
const RootStack = createNativeStackNavigator();

function RootNavigator() {
  return (
    <RootStack.Navigator>
      <RootStack.Screen name="home" component={Home} />
    </RootStack.Navigator>
  );
}

export default RootNavigator;

import React from "react";
import { Text } from "react-native";

function Home() {
  return (
    <Text>Hello</Text>
  );
}

export default Home;

我正在使用所有库的较新版本。

我想设置导航而不出现该错误

Answer 1

你看到分号“;”了吗在 RootNavigator 组件的末尾

它被视为字符串，因此它必须位于组件中的文本中

删除它，你的问题就解决了