首先使用React-Native得到意想不到的令牌

Question

嗨，我第一次使用時出現意外的令牌錯誤React-Native：bundling失敗：「SyntaxError /Users/Lyle/SwcRN/SWCRN/App.js：意外令牌（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 }, 
});