元素類型與React-Native中的youtube組件無效錯誤

我正在嘗試在我的react-native應用程序中使用youtube組件。但它不斷給我一個錯誤「元素類型是無效的：期望一個字符串或類/功能，但得到：對象。檢查xx的渲染方法」元素類型與React-Native中的youtube組件無效錯誤

我安裝了react-native-youtube和我的package.json似乎沒問題。

"dependencies": { 
    "react": "15.2.1", 
    "react-native": "0.30.0", 
    "react-native-tabbar-navigator": "^0.3.0", 
    "react-native-youtube": "^0.7.2" 
    } 
}

而我的Main.js代碼如下所示。

import React, { Component } from 'react'; 
import { 
    StyleSheet, 
    Text, 
    TextInput, 
    View, 
    TouchableHighlight, 
    ActivityIndicator, 
    Image 
} from 'react-native'; 


var YouTube = require('react-native-youtube'); 



Class Main extends Component { 


render() { 
    return (

     <View style={styles.container}> 

     <YouTube 
     ref="youtubePlayer" 
     videoId="KVZ-P-ZI6W4" 
     play={true}   
     hidden={false}   
     playsInline={true}  
     loop={false}   
     onReady={(e)=>{this.setState({isReady: true})}} 
     onChangeState={(e)=>{this.setState({status: e.state})}} 
     onChangeQuality={(e)=>{this.setState({quality: e.quality})}} 
     onError={(e)=>{this.setState({error: e.error})}} 
     onProgress={(e)=>{this.setState({currentTime: e.currentTime, duration: e.duration})}} 

     style={{alignSelf: 'stretch', height: 300, backgroundColor: 'black', marginVertical: 10}}/> 

</View> 

    ); 
    } 

    }

我真的不知道爲什麼會發生這種錯誤。請分享您的任何想法！（：！最佳

來源

2016-07-31 Sungpah Lee