コンポーネントがエクスポートされていると認識しない

Question

非常に奇妙なエラーが発生しました。私は通常の方法でHomeコンポーネントを輸出したと感じます。以下、このエラーを解決するために関連性があると思われるファイル.jsを投稿しました。

Element type is invalid: expected a string (for built-in components) or 
a class/function (for composite components) but got: undefined. You 
likely forgot to export your component from the file it's defined in. 

Check the render method of 'Home'. 

をここにHome.jsです：

import React from 'react'; 
import Container from 'native-base'; 
import MapContainer from "../../../components/MapContainer/index"; 

class Home extends React.Component { 

    componentDidMount() { 
     this.props.setName(); 
    } 

    render() { 
     const region = { 
      latitude: 3.146642, 
      longitude: 101.695845, 
      latitudeDelta: 0.8922, 
      longitudeDelta: 0.0421 
     } 
     return(
      <Container> 
       <MapContainer region={region}/> 
      </Container> 
     ); 
    } 
} 

export default Home; 

ここindex.jsです：

import React from 'react'; 
import View from 'native-base'; 
import styles from './MapContainerStyles'; 
import * as MapView from "react-native-maps/lib/components/ProviderConstants"; 

const MapContainer = ({region}) => { 
    return(
     <View style={styles.container}> 
      <MapView 
       provider={MapView.PROVIDER_GOOGLE} 
       style={styles.map} 
       region={region} 
      > 
      </MapView> 
     </View> 
    ); 
} 

export default MapContainer; 

Answer 1

問題ではないにもかかわらず、私のiOSシミュレータで、私はまだというエラーを取得していますあなたの輸出額はHomeです。 Homeのrenderが呼び出されているので、わかります。

エラーから、ContainerまたはMapContainerのいずれかが正しくインポートされていないように見えます。私はそれはあなたが名前のインポートを使用する必要があるのでContainerは、名前の輸出であることだ疑い：

import { Container } from 'native-base'; 

更新：うん、ここでの例では、NativeBase documentationからだ：

import {Container, Content, Text} from 'native-base';