SyntaxError launchChrome.js in react-native

Question

私はreact-nativeとreact-native-weback-serverを使用しようとしています。

私はrnws startを実行すると、私はnode_modules/react-native/local-cli/server/util/launchChrome.js:15

そのファイルを見てみると

function getChromeAppName(): string { 
         ^
SyntaxError: Unexpected token : 

でにSyntaxErrorを取得するには、私は方法を参照してください。

function getChromeAppName(): string { 
    switch (process.platform) { 
    case 'darwin': 
    return 'google chrome'; 
    case 'win32': 
    return 'chrome'; 
    default: 
    return 'google-chrome'; 
    } 
} 

しかし、これは私のノードのバージョンではない（7.9.0 ）。私はJavascriptのどのバージョンが有効な構文であるのかわかりませんし、もし私が正しいbabel transpilerを使っていれば。

"dependencies": { 
    "babel-core": "^6.24.1", 
    "babel-loader": "^6.4.1", 
    "babel-plugin-transform-react-jsx": "^6.24.1", 
    "babel-preset-es2016": "^6.24.1", 
    "babel-preset-react": "^6.24.1", 
    "coffee-loader": "^0.7.3", 
    "coffee-script": "^1.12.5", 
    "react": "^15.5.4", 
    "react-dom": "^15.5.4", 
    "react-native": "^0.43.3", 
    "react-native-webpack-server": "^0.9.3", 
    "webpack": "^2.4.1", 
    "webpack-dev-server": "^2.4.2" 
    } 

とそれはFlowだ

var path = require('path'); 
var webpack = require('webpack'); 
module.exports = { 
    entry: './app.coffee', 
    output: { filename: 'bundle.js' }, 
    module: { 
    loaders: [ 
     { 
     test: /.jsx?$/, 
     loader: 'babel-loader', 
     exclude: /node_modules/, 
     query: { 
      presets: ['es2016', 'react'] 
     } 
     }, 
     { 
     test: /\.coffee$/, 
     loader: "coffee-loader" 
     } 
    ] 
    }, 
}; 

Answer 1

をwebpack.config.js：ここ

は私のNPMの依存関係があります。

通常、フロー構文ファイルの先頭には@flowというコメントがあります（this file does参照）。

a Babel pluginがあり、この構文解析が可能です。