javascript - 第一个使用 React-Native 获得了意外的 token

Question

嗨，我第一次使用 React-Native 时遇到了意外的 token 错误:捆绑失败:“SyntaxError/Users/Lyle/SwcRN/SWCRN/App.js: 意外的 token (17:15)”

这是我的 App.js

import React from 'react';
import {
  AppRegistry,
  Text,
} from 'react-native';
import { StackNavigator } from 'react-navigation';

class HomeScreen extends React.Component {
  static navigationOptions = {
    title: 'Welcome',
  };
  render() {
    return <Text>Hello, Navigation!</Text>;
  }
}

export default const SimpleApp = StackNavigator({
  Home: { screen: HomeScreen },
});


AppRegistry.registerComponent('RNSWC', () => SimpleApp);

第 17 行是

 export default const SimpleApp = StackNavigator({

还有我的 package.json

{
    ...
    "dependencies": {
        "react": "16.0.0-alpha.12",
        "react-clone-referenced-element": "^1.0.1",
        "react-native": "0.48.3",
        "react-native-cli": "^2.0.1",
        "react-navigation": "^1.0.0-beta.11"
    },
    "devDependencies": {
        "babel-jest": "^21.0.2",
        "babel-preset-react-native": "^4.0.0",
        "jest": "^21.1.0",
        "react-test-renderer": "^16.0.0-alpha.12"
    },
    "jest": {
        "preset": "react-native",
        "verbose": true,
        "setupFiles": [
            "./jest/setup.js"
        ],
        "transformIgnorePatterns": [
            "node_modules/(?!(jest-)?react-native|react-navigation)"
        ],
        "moduleNameMapper": {
            "^image![a-zA-Z0-9$_-]+$": "GlobalImageStub",
            "^[@./a-zA-Z0-9$_-]+\\.(png|gif)$": "RelativeImageStub"
        }
    }
}

希望有帮助，谢谢

Answer 1

您应该像这样修改代码的第 17 行来解决问题:

const SimpleApp = StackNavigator({
  Home: { screen: HomeScreen },
});