[react-native expo] Couldn't find a 'component', 'getComponent' or 'children' prop for the screen 'ChannelCreation'. 에러 해결

에러

Error: Couldn't find a 'component', 'getComponent' or 'children' prop for the screen 'ChannelCreation'. This can happen if you passed 'undefined'. You likely forgot to export your component from the file it's defined in, or mixed up default import and named import when importing.

 

해결 방안

문제 코드

import React from "react";

import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";

import { ChannelList, Profile } from "../screens";

const Tab = createBottomTabNavigator();

const Home = () => {

  return (

    <Tab.Navigator>

      <Tab.Screen name="List" compoent={ChannelList} />

      <Tab.Screen name="Profile" compoent={Profile} />

    </Tab.Navigator>

  );

};

export default Home;

 

변경 코드

오타 수정 compoent -> component

import React from "react";

import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";

import { ChannelList, Profile } from "../screens";

const Tab = createBottomTabNavigator();

const Home = () => {

  return (

    <Tab.Navigator>

      <Tab.Screen name="List" component={ChannelList} />

      <Tab.Screen name="Profile" component={Profile} />

    </Tab.Navigator>

  );

};

export default Home;

 

 

그 외 참고자료

1. 

https://www.youtube.com/watch?embeds_referring_euri=https%3A%2F%2Fwww.google.com%2Fsearch%3Fq%3DError%253A%2BCouldn%2527t%2Bfind%2Ba%2B%2527component%2527%252C%2B%2527getComponent%2527%2Bor%2B%2527children%2527%2Bprop%2Bfor%2Bthe%2B&source_ve_path=Mjg2NjQsMTY0NTAz&feature=emb_share&v=9cAKXpPxymU 

2.

https://www.inflearn.com/questions/313883/react-navigation-%EC%85%8B%EC%97%85-%EC%98%A4%EB%A5%98

React Navigation 셋업 오류 - 인프런 | 질문 & 답변