title: How to remove eslint Parsing error on ES6 export statement
body: <p>npm <code>v3.10.10</code> node <code>v6.11.0</code> eslint <code>v4.2.0</code></p>
  
  <p>You can pull <strong><a href="https://github.com/leongaban/Duckr" rel="nofollow noreferrer">the repo here</a></strong>. Just <code>npm install</code> then <code>npm run lint</code></p>
  
  <p>I'm trying to use the following export statement (comment works, but is ugly):</p>
  
  <h3>containers/index.js</h3>
  
  <pre><code>export MainContainer from './Main/MainContainer'
  // export { default as MainContainer } from './Main/MainContainer'
  </code></pre>
  
  <h3>config/routes.js</h3>
  
  <pre><code>import React from 'react'
  import { Route, HashRouter, browserHistory } from 'react-router-dom'
  import { MainContainer } from '../containers'
  
  const routes = (
    &lt;HashRouter history={browserHistory}&gt;
      &lt;Route path="/" component={MainContainer} /&gt;
    &lt;/HashRouter&gt;
  )
  
  export default routes
  </code></pre>
  
  <hr>
  
  <p>I installed the following package:</p>
  
  <p><code>npm install babel-eslint@next --save-dev</code></p>
  
  <h3>.eslintrc</h3>
  
  <pre><code>{
    parser: "babel-eslint",
    en: {
      es6: true,
      browser: true
    },
    extends: ["eslint:recommended", "plugin:react/recommended", "standard"],
    plugins: [
      "react"
    ]
  }
  </code></pre>
  
  <h3>.eslintrc.json</h3>
  
  <pre><code>{
      "env": {
          "browser": true,
          "es6": true
      },
      "extends": "eslint:recommended",
      "parserOptions": {
          "ecmaFeatures": {
              "experimentalObjectRestSpread": true,
              "jsx": true
          },
          "sourceType": "module"
      },
      "plugins": [
          "react"
      ],
      "rules": {
          "indent": [
              "error",
              2
          ],
          "linebreak-style": [
              "error",
              "unix"
          ],
          "quotes": [
              "error",
              "single"
          ],
          "semi": [
              "off",
              "always"
          ]
      }
  }
  </code></pre>
  
  <p>However even with that installed I still get the error about the MainContainer when I <code>npm run lint</code></p>
  
  <p><a href="https://i.stack.imgur.com/dLvmN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dLvmN.png" alt="enter image description here"></a></p>
  
  <h3>package.json</h3>
  
  <pre><code>"scripts": {
    "start": "webpack-dev-server",
    "production": "webpack -p",
    "lint": "eslint app/.; exit 0",
    "fix": "eslint --fix app/.; exit 0"
  },
  
  "devDependencies": {
    "babel-core": "^6.25.0",
    "babel-eslint": "^8.0.0-alpha.13",
    "babel-loader": "^7.1.1",
    "babel-plugin-transform-export-extensions": "^6.22.0",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-0": "^6.24.1",
    "css-loader": "^0.28.4",
    "eslint": "^4.2.0",
    "eslint-config-standard": "^10.2.1",
    "eslint-plugin-promise": "^3.5.0",
    "eslint-plugin-react": "^7.1.0",
    "eslint-plugin-standard": "^3.0.1",
    "html-webpack-plugin": "^2.29.0",
    "style-loader": "^0.18.2",
    "webpack": "^3.2.0",
    "webpack-dev-server": "^2.5.1"
  }
  </code></pre>
  
  <h3>folder structure</h3>
  
  <p><a href="https://i.stack.imgur.com/7o7qg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7o7qg.png" alt="enter image description here"></a></p>