ESLint React Parsing Error

Question

私はguide.meteor.comの指示に従ってpackage.json eslintConfigをセットアップしました。

"eslintConfig": { 
    "plugins": [ 
    "meteor" 
    ], 
    "extends": [ 
    "airbnb/base", 
    "plugin:meteor/recommended" 
    ], 
    "rules": { 
    "meteor/eventmap-params": [ 
     2, 
     { 
     "templateInstanceParamName": "instance" 
     } 
    ], 
    "import/no-unresolved": [ 
     2, 
     { 
     "ignore": [ 
      "^meteor/" 
     ] 
     } 
    ], 
    "semi": [ 
     "error", 
     "never" 
    ] 
    } 
} 

Reactを試して使用するまでは問題ありません。

main.js：

Meteor.startup(() => { 
    render(<App />, document.getElementById('render-target')) 
}) 

エラーがスローされます。[eslint] Parsing error: Unexpected token <

私は反応するプラグインを持っている：

"devDependencies": { 
    "eslint": "^2.9.0", 
    "eslint-config-airbnb": "^8.0.0", 
    "eslint-plugin-import": "^1.6.1", 
    "eslint-plugin-jsx-a11y": "^1.0.4", 
    "eslint-plugin-meteor": "^3.5.2", 
    "eslint-plugin-react": "^5.0.1" 
} 

私は次のGoogleからの例が、それらのどれを試してみました助けてくれた。私はプラグインビットに '反応'と 'エスリント - プラグイン - 反応'を追加しようとしましたが、何も変わりませんでした。私は流星ガイドのESLintセクションで解決策が提供されていないことに気付いています。いかなる援助も感謝します。

Answer 1

babel-eslintと.eslintrcを追加"parser": "babel-eslint"にインストールしてください。あなたはES6を見逃しています。

Answer 2

babel-eslintをインストールする必要はありません。 Espree（ネイティブのESLintパーサー）は、ES6、ES7、Object Rest/Spreadを完全にサポートしています。 ESLintがファイルの解析を停止した理由は、jsxを有効にしていないためです。そのため、誤った構文とみなされます。

{ 
    "ecmaFeatures": { 
    "ecmaVersion": 6, 
    "sourceType": "module", 
    "jsx": true 
    } 
} 

上記のスニペットを設定ファイルに追加すると、動作が開始されます。もっと詳しく知りたい方はSpecifying Parser Options