原文のコンマと解析エラーネイティブ

Question

チュートリアルを使用してネイティブをリアクションしようとしています。YouTubeなどで検索しています。しかし、これらのtutsのリリース以来、構文が大きく変化したようです。

現在、私はrequireTrailingComma: Missing comma before closing curly braceエラーが発生しています。しかし、中括弧の前にコンマを置くと、それは私にparseError Unexpected tokenと伝えます。

ViewContainer.jsコード：

'use strict' 
import { Component, View } from 'react-native'; 

class ViewContainer extends Component { 
    render() { 
    return (
     <View style={styles.viewContainer}> 
     {this.props.children} 
     </View> 
    ); 
    } 
} 

const styles = React.Stylesheet.create({ 

    viewContainer: { 
    flex: 1, 
    flexDirection: 'column', 
    justifyContent: 'flex-start', 
    alignItems: 'stretch', 
    } <TIS IS WHERE I'M GETTING THE ERROR> 

}); 

module.exports = ViewContainer; 

index.ios.jsコード：

'use strict' 
import React, { Component } from 'react'; 
import { 
    AppRegistry, 
    StyleSheet, 
    Text, 
    View 
} from 'react-native'; 
import ViewContainer from './app/components/ViewContainer'; 

class Project extends Component { 
    render() { 
    return (
     <ViewContainer> 
     <Text>{'Hello from inside ViewContainer'}</Text> 
     </ViewContainer> 
    ); 
    } 
} 

const styles = StyleSheet.create({ 
}); 

AppRegistry.registerComponent('Project',() => Project); 

私が間違って何をしているのですか？

Answer 1

エラーにはすべてが表示され、中括弧の後には末尾にカンマを入れます。

alignItems: 'stretch', 
    } 

これによると、あなたがしているhttps://facebook.github.io/react-native/docs/style.htmlで

alignItems: 'stretch', 
    }, 

または

alignItems: 'stretch' 
}