第一次使用 React-Native 得到了意想不到的令牌

Question

嗨，我第一次使用 React-Native 时遇到了意外的令牌错误：捆绑失败："SyntaxError /Users/Lyle/SwcRN/SWCRN/App.js: Unexpected 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 },
});

第一次使用 React-Native 得到了意想不到的令牌

First to use React-Native got Unexpected token

javascript

reactjs

react-native

react-navigation