Question

这是我的第一个ReactNative项目following this tutorial，我遇到了这个问题：

 bundling failed: SyntaxError in /Users/wc/PracticeApps/firstapp/PropertyFinder/App.js: /Users/wc/PracticeApps/firstapp/PropertyFinder/App.js: Unexpected token (24:11)
  22 | 
  23 | class SearchPage extends Component<{}>{
> 24 |     export default class App extends Component<{}> {
     |            ^
  25 |     render() {
  26 |         return (
  27 |           <NavigatorIOS

我已经搜索过这个错误，并且找不到多少。这个错误告诉我什么 - 术语default是空的？如何在将来读取此错误进行调试？

以下是完整的App.js文件：

'use strict';
import React, { Component } from 'react';
import {
  Platform,
  StyleSheet,
  Text,
  View,
  NavigatorIOS,
} from 'react-native';

const instructions = Platform.select({
  ios: 'Press Cmd+R to reload,\n' +
    'Cmd+D or shake for dev menu',
  android: 'Double tap R on your keyboard to reload,\n' +
    'Shake or press menu button for dev menu',
});

class SearchPage extends Component<{}>{
    export default class App extends Component<{}> {
    render() {
        return (
          <NavigatorIOS
            style={styles.container}
            initialRoute={{
              title: 'Property Finder',
              component: SearchPage,
            }}/>
        );
    }
  }
}


const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
});

Answer 1

您提供的教程告诉：

在SearchPage组件
中添加以下类

在SearchPage组件中。 Javascript没有子类（但Java确实如此）。

如果您还不知道问题所在，请查看以下链接：

Javascript课程文档https://developer.mozilla.org/pl/docs/Web/JavaScript/Reference/Classes
反应组件文档 https://reactjs.org/docs/react-component.html

无法加载包Unexpected Token null

1 个答案: