ESlint：解析エラー：予期しないトークン<

Question

私はこの機能があります。

import React from 'react'; 
import FilterList from './Filter/FilterList'; 

export default function Sidebar() { 
    return (
    <div> 
     <FilterList /> 
    </div> 
); 
} 

そして、これらのパッケージが含まれていました。

"dependencies": { 
"bootstrap": "^3.3.7", 
"font-awesome": "^4.7.0", 
"i18n-react": "^0.4.0", 
"react": "^15.6.1", 
"react-bootstrap": "^0.31.2", 
"react-dom": "^15.6.1", 
"react-fontawesome": "^1.6.1", 
"react-router-dom": "^4.1.2", 
"rxjs": "^5.4.3", 
"superagent": "^3.5.2", 
"webpack": "^3.5.4"}, 

"devDependencies": { 
"eslint": "^4.4.1", 
"eslint-config-airbnb-base": "^11.3.1", 
"eslint-plugin-import": "^2.7.0", 
"nwb": "0.18.x", 
"nwb-less": "^0.6.0", 
"yaml-loader": "^0.5.0"}, 

しかし、糸くずを実行しているとき、私はこのエラーを取得： エラー解析エラー：予期しないがトークン<

私.eslintrcファイル：

module.exports = { 
"extends": "airbnb-base", 
"plugins": [ 
    "import" 
]}; 

私は間違っていますか？

Answer 1

このエラーは、eslintがJSX構文を処理する方法を知らないため、このためにはeslint-plugin-reactが必要です。

しかし、airbnb-eslint-configを動作させるために必要な他のプラグインもありません。

npm info "eslint-config-airbnb@latest" peerDependencies

と（のdevの依存関係など）、印刷の依存関係をインストールします。彼らはあるドキュメントに言うことですか。

今日の時点で、私はこのリストを得る：

{ eslint: '^3.19.0 || ^4.3.0', 
    'eslint-plugin-jsx-a11y': '^5.1.1', 
    'eslint-plugin-import': '^2.7.0', 
    'eslint-plugin-react': '^7.1.0' }