eslint: Parsing error: Unexpected token during import

Question

In a ReactJS app, I have an index.js file with the following imports:

export MainContainer from './Main/MainContainer';
export AboutContainer from './About/AboutContainer';

When I run ESLINT, I get the following error:

error  Parsing error: Unexpected token MainContainer

The error message is not referencing any of the eslint rules set up in .eslintrc.json. The app runs fine in Chrome with no console errors. Why is eslint throwing the error?

James Ganong · Accepted Answer · 2017-03-17 01:22:38Z

2

You have export instead of import while trying to import. Try:

import MainContainer from './Main/MainContainer';
import AboutContainer from './About/AboutContainer';

;)

If you're trying to re-export components, you'll need the braces:

export { MainContainer } from './Main/MainContainer';
export { AboutContainer } from './About/AboutContainer';

If it's re-exporting default exports:

export { default as MainContainer } from './Main/MainContainer';
export { default as AboutContainer } from './About/AboutContainer';

answered Mar 17, 2017 at 1:22

James Ganong

1,1718 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

skyscript Over a year ago

Thanks, I'll consider it a non-issue :)

Collectives™ on Stack Overflow

eslint: Parsing error: Unexpected token during import

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related