名前付きエクスポートで予期しないトークンを解析すると、eslintがスローされます

Question

私は以下の名前のエクスポートを持つindex.jsファイルを持っています。

export Main from './Main/Main' 

しかし、eslintはこれを好きなアプリが正常に動作しているようなぜ私はよく分からないエラー

Parsing error: Unexpected token Main 

をスローし、私はそれが有効な構文だとは考えていません。

マイ.eslintrcファイルはこの

{ 
    env: { 
    es6: true, 
    browser: true 
    }, 
    parserOptions: { 
    ecmaVersion: 6, 
    sourceType: "module", 
    ecmaFeatures: { 
     jsx: true, 
     experimentalObjectRestSpread: true 
    } 
    }, 
    plugins: [ 
    "react", 
    ], 
    extends: ["eslint:recommended", "plugin:react/recommended", "standard"], 
    "rules": { 
    "comma-dangle" : [2, "always-multiline"], 
    "semi": [2, "never"], 
    "no-extra-semi": 2, 
    "jsx-quotes": [2, "prefer-single"], 
    "react/jsx-boolean-value": [2, "always"], 
    "react/jsx-closing-bracket-location": [2, {selfClosing: "after-props", nonEmpty: "after-props"}], 
    "react/jsx-curly-spacing": [2, "never", {"allowMultiline": false}], 
    "react/jsx-max-props-per-line": [2, {maximum: 3}], 
    "react/jsx-no-literals": 2, 
    "react/sort-prop-types": 2, 
    "react/self-closing-comp": 2, 
    "react/sort-comp": 2 
    }, 
} 

Answer 1

のように見えるが、それを考え出しました。実験的な機能なので、私はeslintパーサーとしてbabel-eslintを有効にする必要があります。私は別の理由で同じエラーを得たので、私は間違っていたところ

今私の.eslintrcこの

{ 
    parser: "babel-eslint", 
    env: { 
    es6: true, 
    browser: true 
    }, 
    parserOptions: { 
    ecmaVersion: 6, 
    sourceType: "module", 
    ecmaFeatures: { 
     jsx: true, 
     experimentalObjectRestSpread: true 
    } 
    }, 
    plugins: [ 
    "react", 
    ], 
    extends: ["eslint:recommended", "plugin:react/recommended", "standard"], 
    "rules": { 
    "comma-dangle" : [2, "always-multiline"], 
    "semi": [2, "never"], 
    "no-extra-semi": 2, 
    "jsx-quotes": [2, "prefer-single"], 
    "react/jsx-boolean-value": [2, "always"], 
    "react/jsx-closing-bracket-location": [2, {selfClosing: "after-props", nonEmpty: "after-props"}], 
    "react/jsx-curly-spacing": [2, "never", {"allowMultiline": false}], 
    "react/jsx-max-props-per-line": [2, {maximum: 3}], 
    "react/jsx-no-literals": 2, 
    "react/sort-prop-types": 2, 
    "react/self-closing-comp": 2, 
    "react/sort-comp": 2 
    }, 
} 

Answer 2

のように見え、ここにあります：

を使用すると、原子パッケージの開発とバベルを使用している場合は、すべてのファイルの初めに、use babelによって活性化されます。

use babelのように、のようにファイルの冒頭にある必要があります。それの前のスペースがそれを非アクティブ化し、その後、jsエンジンがあなたの輸出声明、または同様の `` `予期しないトークン輸出` ``を実行する。

間違っ：

use babel import { bla } from 'blub'

正しいます：http：//www.ecma-international

use babel import { bla } from 'blub'