Thread

Anand KS

Apr 11, 2018

Multiple Export from a file JS.

I would like to export multiple files from one file like below.

export default CardNew;
export CardBody from './components/CardBody';

With one default export and other exports. But it is throwing error as "Module build failed: SyntaxError". I have seen people using these type of exports and it works. Or is there any plugin to support these type of exports.

Note: I am using React JS

#javascript #reactjs

Responses(2)

Peter Scheler

JS enthusiast

Apr 11, 2018

export Name from '...' is not valid JS. You can use export * from '...', export { default } from '...' or

import Name from '...'
export Name

See here for an overview.

Anand KS

Apr 11, 2018

I saw that export syntax and it's really useful, Thanks. I will try with those.

Matt Strom

Software Engineer, TypeScript ninja

Apr 11, 2018

CardNew has no definition behind it, which is where I suspect your error is coming from.

Try something like:

const CardNew = 'new';

export default CardNew;
export CardBody from './components/CardBody';

Furthermore, ./components/CardBody needs to export CardBody as its default. Otherwise that export expression should be written as

export { CardBody } from './components/CardBody';

CardNew is a component which I already defined above that as you said. And I will try with the other option you gave. Thanks.

Search Hashnode

Multiple Export from a file JS.

Responses(2)

Recent threads