ESLint: Parsing error: 'import' and 'export' may appear only with 'sourceType: module'

Created new simple project with one file:

    import React from 'react';
    import { render } from 'react-dom';
    import { Router, browserHistory } from 'react-router';

    render((
        <Router history={browserHistory} routes={routes}>
        </Router>
    ), document.getElementById('root'));

created simple .eslintrc with the help eslint --init:

    {
        "env": {
            "es6": true,
            "node": true,
            "browser": true
        },
        "extends": "eslint:recommended",
        "ecmaFeatures": {
            "jsx": true,
            "experimentalObjectRestSpread": true
        },
        "plugins": [
            "react"
        ],
        "rules": {
            "no-console": 0,
            "indent": [
                2,
                4
            ],
            "quotes": [
                2,
                "single"
            ],
            "semi": [
                2,
                "always"
            ]
        }
    }

enabled esLint settings in IDEA and got the error:

Error:(1, 1) ESLint: Parsing error: ‘import’ and ‘export’ may appear only with ‘sourceType: module’

Issue Analytics

State:
Created 8 years ago
Reactions:1
Comments:6 (3 by maintainers)

Top GitHub Comments

7reactions

ilyavolodincommented, Mar 11, 2016

You need to add sourceType: "module" to your config. There is no way for us to identify automatically what’s a script and what’s a module, so you have to provide that information in config file. For more details look in the documentation

0reactions

budarincommented, Mar 11, 2016

thanks