React Nativeプロジェクトを実行できないのはなぜですか？

Question

プロジェクトでこれらのエラーがどのようになっているのか分かりません。

シミュレータのファイルindex.ios.js（最初にプロジェクトを作成するときにReact Nativeに付属のファイル、ウェルカム）ファイルを実行しようとしていますが、それは私に任せません。私は以下のエラーの1つの写真を掲載しました。

もう1つerror私はRunにヒットします。

また、package.jsonと.eslintというファイルもあります。

error：

import React, { Component } from 'react'; 
^^^^^^ 
SyntaxError: Unexpected token import 
    at Object.exports.runInThisContext (vm.js:76:16) 
    at Module._compile (module.js:542:28) 
    at Object.Module._extensions..js (module.js:579:10) 
    at Module.load (module.js:487:32) 
    at tryModuleLoad (module.js:446:12) 
    at Function.Module._load (module.js:438:3) 
    at Module.runMain (module.js:604:10) 
    at run (bootstrap_node.js:394:7) 
    at startup (bootstrap_node.js:149:9) 
    at bootstrap_node.js:509:3 

Process finished with exit code 1 

package.jsonファイル：

{ 
    "name": "App", 
    "version": "0.0.1", 
    "private": true, 
    "scripts": { 
    "start": "node node_modules/react-native/local-cli/cli.js start", 
    "test": "jest" 
    }, 
    "dependencies": { 
    "react": "^16.0.0-alpha.6", 
    "react-native": "^0.43.3", 
    "react-native-datepicker": "^1.4.7" 
    }, 
    "devDependencies": { 
    "babel-jest": "19.0.0", 
    "babel-preset-react-native": "1.9.1", 
    "eslint-config-rallycoding": "^3.2.0", 
    "jest": "19.0.2", 
    "react-test-renderer": "16.0.0-alpha.6" 
    }, 
    "jest": { 
    "preset": "react-native" 
    } 
} 

.eslintファイル：

{ 
    "parserOptions": { 
    "ecmaVersion": 6, 
    "sourceType": "module", 
    "ecmaFeatures": { 
     "jsx": true 
    } 
    }, 
    "rules": { 
    "semi": 2 
    } 
} 

Answer 1

• index.ios.js：使用しているようですNode.jsアプリケーションを起動するにはコンフィグレーションを実行しますが、Node.jsはES6モジュールをネイティブにサポートしていません（インポート時に構文エラーが発生します）反応ネイティブのcliオプションはサポートされていないため、実行中のノードindex.ios.jsはiosエミュレータでアプリを起動しません。代わりにReact Native実行コンフィギュレーションを使用してください。何があなたESLint構成（Preferences | Languages & Frameworks | JavaScript | Code Quality Tools | ESLint）は次のようになりん：https://blog.jetbrains.com/webstorm/2016/12/developing-mobile-apps-with-react-native-in-webstorm/、アプリセクション

• ESLintの実行とデバッグを参照してください？あなたはグローバルまたはローカルのESLintを選択しましたか？