Reactjs Eroor:F:/ReactNativeProject/FirstProject/index.android.js:意外标记，应为（（23:8）

我简单引用设置了两个

TextView

和

ImageView

，当我编译它时，会显示eroor

F:/ReactNativeProject/FirstProject/index.android.js:意外的标记，预期（（23:8）
位于F:\ReactNativeProject\FirstProject\index.android.js:23:8
答复
java:330
处决
java:126
跑
NamedRunnable.java:32
跑步工人
java:1112
跑
java:587
跑
java:818

有人可以教我代码哪里错了

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

var MOKCKED_MOVIES_DATA=[
    {title:'Title' , year:'2017' , posters:{thumbnail:'http://i.imgur.com/UePbdph.jpg'}},
];


class SampleAppMovies extends Component{
render(){
    var movie=MOKCKED_MOVIES_DATA[0];
    return(
        <View style={styles.container}>
            <Text>{movie.title}</Text>
            <Text>{movie.year}</Text>
            <Image source={{uri:movie.posters.thumbnail}}
                   style={styles.thumbnail}
            />
        </View>
    );
}

    var styles=StyleSheet.create({
        container:{
            flex:1,
            justifyContent:'center',
            alignItems:'center',
            backgroundColor:'#F5FCFF',
        },
        thumbnail:{
            width:53,
            height:81,
        },
    });
}
AppRegistry.registerComponent('FirstProject', () => SampleAppMovies); 

import React，{Component，}来自'React'；
从“react native”导入{AppRegistry、图像、样式表、文本、视图、}；
var MOKCKED_电影_数据=[
{标题：'title'，年份：'2017'，海报：{缩略图：'http://i.imgur.com/UePbdph.jpg'}},
];
类SampleAppMovies扩展组件{
render（）{
var movie=MOKCKED_MOVIES_数据[0]；
返回(
{movie.title}
{电影年}
);
}
var styles=StyleSheet.create({
容器：{
弹性：1，
辩护内容：'中心'，
对齐项目：'中心'，
背景颜色：“#F5FCFF”，
},
缩略图：{
宽度：53，
身高：81，
},
});
}
AppRegistry.registerComponent（'FirstProject'，（）=>SampleAppMovies）；

---

并且错误没有显示代码行，在使用React Native时如何找到错误？

将样式声明移出组件

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

var MOKCKED_MOVIES_DATA=[
    {title:'Title' , year:'2017' , posters:{thumbnail:'http://i.imgur.com/UePbdph.jpg'}},
];


class SampleAppMovies extends Component{
render(){
    var movie=MOKCKED_MOVIES_DATA[0];
    return(
        <View style={styles.container}>
            <Text>{movie.title}</Text>
            <Text>{movie.year}</Text>
            <Image source={{uri:movie.posters.thumbnail}}
                   style={styles.thumbnail}
            />
        </View>
    );
} 
}

  var styles=StyleSheet.create({
        container:{
            flex:1,
            justifyContent:'center',
            alignItems:'center',
            backgroundColor:'#F5FCFF',
        },
        thumbnail:{
            width:53,
            height:81,
        },
    });

AppRegistry.registerComponent('FirstProject', () => SampleAppMovies); 

import React，{Component，}来自'React'；
从“react native”导入{AppRegistry、图像、样式表、文本、视图、}；
var MOKCKED_电影_数据=[
{标题：'title'，年份：'2017'，海报：{缩略图：'http://i.imgur.com/UePbdph.jpg'}},
];
类SampleAppMovies扩展组件{
render（）{
var movie=MOKCKED_MOVIES_数据[0]；
返回(
{movie.title}
{电影年}
);
} 
}
var styles=StyleSheet.create({
容器：{
弹性：1，
辩护内容：'中心'，
对齐项目：'中心'，
背景颜色：“#F5FCFF”，
},
缩略图：{
宽度：53，
身高：81，
},
});
AppRegistry.registerComponent（'FirstProject'，（）=>SampleAppMovies）；

它确实显示了index.android.js:23:8处的错误23:8到底是什么？这意味着23处的代码行？第23行和index.android.jsOk中的第8个字符…所以我的代码行23是

var styles=StyleSheet.create({

第8个字符是什么？你能告诉我吗？谢谢。谢谢你的回复，我发现我的错误在错误的地方。