node.js es6 export / import with index.js

Question

I have the following folder structure

src/
  index.js
  lib/
    test.js
dist/
examples/
  example.js

src/lib/test.js

export default class Test {}..

src/index.js

import App from './lib/test.js'
export default App

examples/example.js

import {App} from './../..'

=> App is undefined

How can I set my index.js as entrypoint and export my app there?

edit: I'm using babel-node as transpiler and start it with

nodemon test.js --exec babel-node --presets es2015,stage-2 --watch ./../..

Shouldn’t it be from '../src' instead of from './../..'? — Ry-
– Ry- ♦, Commented Jul 18, 2017 at 19:17
And you’ve shown us export class Test, but not a default export. I don’t think export {default as App} would be valid to do that anyway…? — Ry-
– Ry- ♦, Commented Jul 18, 2017 at 19:21
You're exporting default but importing named export App - which doesn't exist. — Estus Flask
– Estus Flask, Commented Jul 18, 2017 at 19:44

rsp · Accepted Answer · 2017-07-18 19:24:08Z

3

The import and export is not natively supported by Node.

You need to use a transpiler like Babel if you want to use that syntax.

The Node way is to use module.exports and require().

See this for more info:

Update

Here:

export {default as App} from './src/lib/test.js'

you're not exporting "from" - you import from.

Maybe you meant:

import App from './src/lib/test.js';

and then you can export that in turn.

With normal Node syntax it would be:

src/lib/test.js

class Test {
  // ...
}
module.exports = { Test };

src/index.js

const { Test: App } = require('./lib/test.js');

examples/example.js

const { App } = require('../src');

Also note that according to your directory structure your paths are incorrect: it should be ./lib/test.js instead of ./src/lib/test.js and ../src instead of ./../..

edited Jul 18, 2017 at 19:24

answered Jul 18, 2017 at 19:11

rsp

112k31 gold badges210 silver badges185 bronze badges

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

5 Comments

Felix Kling Over a year ago

But then the OP would get a syntax error, not undefined, no?

user345234674567 Over a year ago

I'm using babel-node as transpiler to start it with "nodemon test.js --exec babel-node --presets es2015,stage-2 --watch ./../.."

rsp Over a year ago

@coffeecup It would be much easier to answer your questions if you included the relevant info in the question in the first place.

user345234674567 Over a year ago

I changed export class to "export default" in my test.js file, and changed the export from.. to import test from in my index.js, now when I console.log(test) I can see [Function: App]. How would I export this properly to be able to import it in my example.js?

user345234674567 Over a year ago

my index.js is import Test from ..... and export default Test, but in my example.js it's still undefined

cstuncsik · Accepted Answer · 2017-07-18 19:35:41Z

1

I would just put src/index.js as main in the package.json and just run nodemon without the watch param.

By default nodemon monitors the current working directory. If you want to take control of that option, use the --watch option to add specific paths

Also paths sould look like this:

src/lib/test.js

export default class Test {}

src/index.js

export {default as App} from './lib/test.js'

examples/example.js

import {App} from '../'

edited Jul 18, 2017 at 19:35

answered Jul 18, 2017 at 19:26

cstuncsik

2,8182 gold badges18 silver badges21 bronze badges

Collectives™ on Stack Overflow

node.js es6 export / import with index.js

2 Answers 2

Update

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Update

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related