2016-12-07 8 views
0

私が反応し、ネイティブに新しいですし、私はアプリを展開するためのWindows 7と指数の上にAtomのGUI 1.12.6を使用していますAndroid携帯電話で これは私のコード反応するネイティブ:解析エラー:予期しないトークン<

'use strict'; 

import Exponent from 'exponent'; 
import React, {Component} from 'react'; 

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

class App extends Component{ 
    constructor(props, context) { 
     super(props, context); 
     this.state = { 
     }; 
    } 

    render(){} 
     return (
      <Text>Hello world again!</Text> 
    ); 
    } 
} 
Exponent.registerRootComponent(App); 
ました

.eslintrcファイルにはルールが含まれています

{ 
    "extends": "airbnb/base", 
    "plugins": [ 
     "react" 
    ], 
    "env": { 
     "node": true, 
     "jasmine": true, 
    }, 
    "rules": { 
     "indent": [1, 4], 
     "no-console": 0, 
     "no-unused-vars": [1, {"vars": "local", "args": "none"}], 
     "react/forbid-prop-types": 1, 
     "react/jsx-boolean-value": 1, 
     "react/jsx-closing-bracket-location": 1, 
     "react/jsx-curly-spacing": 1, 
     "react/jsx-indent-props": 1, 
     "react/jsx-key": 1, 
     "react/jsx-max-props-per-line": 1, 
     "react/jsx-no-duplicate-props": 1, 
     "react/jsx-no-undef": 1, 
     "react/jsx-quotes": 1, 
     "react/jsx-sort-prop-types": 1, 
     "react/jsx-sort-props": 1, 
     "react/jsx-uses-react": 1, 
     "react/jsx-uses-vars": 1, 
     "react/no-danger": 1, 
     "react/no-did-mount-set-state": 1, 
     "react/no-did-update-set-state": 1, 
     "react/no-direct-mutation-state": 1, 
     "react/no-multi-comp": 1, 
     "react/no-set-state": 1, 
     "react/no-unknown-property": 1, 
     "react/prefer-es6-class": 1, 
     "react/prop-types": 1, 
     "react/react-in-jsx-scope": 1, 
     "react/require-extension": 1, 
     "react/self-closing-comp": 1, 
     "react/sort-comp": 1, 
     "react/wrap-multilines": 1, 
     "id-length": 0, 
    }, 
    "ecmaFeatures": { 
     "jsx": true 
    }, 
} 

がエラーを取得:テキストコントロール上のAtomエディタで それは「解析エラー:予期しないトークン<」を見せているあなたはそれを無視し、指数を使ってAndroidの携帯電話に展開し始めた場合に携帯電話、それはエラーで赤い画面を示す:「予期しないトークン 『<』を」

答えて

3

をあなたのrenderメソッドでタイプミスを持っている...

render(){} 

に変更:

render() { 
    return (
     <Text>Hello world again!</Text> 
    ); 
} 
+0

おかげで今私ができる午前アプリケーションを電話機にデプロイするには、Atom Editorのテキストコントロールで「解析エラー:予期しないトークン<」を表示しています。これを解決するにはどうすればよいですか? –

+0

私はAtomに精通していませんが、あなたは反応を認識しない誤ったAtom構文ハイライトを使用しているかもしれません。また、eslintはうまく構成されていません。 [react Atom plugin](https://orktes.github。 io/atom-react /)と[Atomで反応するようにeslintを設定する](http://stackoverflow.com/questions/30294870/how-to-config-eslint-for-react-on-atom-editor) – atlanteh