ios - 如何使用 ES6 语法对 React Native 中的 "Unexpected token, expected ; (44:33)"进行故障排除

Question

我正在构建一个简单的宾果游戏，以使用 React-Native 在 iOS 和 Android 上完成琐事。我是 JS 的新手，过去有 Java 和 Python 的经验，所以我倾向于使用 ES6 语法，它对上述语言有一些熟悉的结构。

我遇到了一个语法错误，我无法在粘贴到此处的文件中识别该错误(这是该文件的完整代码)。我从这个文件的 iOS 模拟器得到的错误是:

Unexpected token, expected ; (44:33)

只是为了更容易理解第 44 行是什么(我相信 (44:33) 表示第 44 行第 33 个字符)我在 Atom 中看到第 44 行如下所示。

_createPlayerTabs(playerCount) {

我在谷歌、Facebook React Native 网站和这里做了尽可能多的研究，但是这非常困难，因为谷歌不将分号识别为合法的搜索标记:(。我怀疑我正在做某种排序基于假设 JS 像 Python 或 Java 一样运行的错误，但是如果你们能提供关于具体错误是什么或者我犯了什么概念性错误的任何帮助，我们将不胜感激。

'use strict'
import React from 'react';

import {
  View,
  Text,
  StyleSheet,
  TextInput,
  TouchableOpacity,
  Picker,
} from 'react-native';

import {
  Actions,
} from 'react-native-router-flux';

import {
  TabViewAnimated,
  TabBarTop,
} from 'react-native-tab-view';

import GlobalStyles from '../../styles/GlobalStyles';
import BingoBoard from '../../components/BingoBoard';

class Player extends React.Component {
  constructor(props){
    super(props);
    this.state = {
      index: 0,
      routes: this._createPlayerTabs(this.props.players),
    };
  }

  _setupPlayers(playerCount, boardSize, winCondition) {
    players = []
    for (var x = 1; x <= playerCount; x++) {
      tempBoard = new BingoBoard(boardSize, winCondition);
      players.push('Player '.concat(x.toString()) : {
        name: "",
        board: tempBoard,
      });
  }

  _createPlayerTabs(playerCount) {
    playerList = [];
    for (var x = 1; x <= playerCount; x++) {
      playerList.push({
        key: x.toString(),
        title: "Player ".concat(x.toString()),
      });
    }
    return playerList;
  }

  _renderScene({ route }) {
    return
      <View style={[GlobalStyles.container, {paddingTop: 500}]}>
        <Text>
          {route.title}
        </Text>
      </View>;
  }

  _renderHeader(props) {
    return <TabBarTop {...props} />;
  }

  _handleChangeTab = (index) => {
    this.setState({ index });
  }

  render() {
     return(
       <View style={GlobalStyles.container}>
         <TabViewAnimated
           style={GlobalStyles.container}
           navigationState={this.state}
           renderScene={this._renderScene}
           renderHeader={this._renderHeader}
           onRequestChangeTab={this._handleChangeTab}/>
         <View style={GlobalStyles.bottomBar}>
             <TouchableOpacity onPress={() => (
                   Actions.activechore({this.state.players})
               )}>
               <Text style={GlobalStyles.h2}>
                 Next
               </Text>
             </TouchableOpacity>
           </View>
       </View>
     );
  }
}

export default Player;

Answer 1

_setupPlayers 中的 for 循环缺少结束 ，因此它试图解析 _createPlayerTabs(playerCount) { 作为语句，失败了。