Node.js unable to import ES6 module

Question

I'm trying to separate my routes to a separate module in routes.js and then importing in app.js. I'm getting a lot of errors in the console.

internal/modules/esm/default_resolve.js:96 let url = moduleWrapResolve(specifier, parentURL); ^ Error: Cannot find module /Users/rhoxh/Desktop/24/routes imported from /Users/rhoxh/Desktop/24/app.js at Loader.resolve [as _resolve] (internal/modules/esm/default_resolve.js:96:13) at Loader.resolve (internal/modules/esm/loader.js:73:33) at Loader.getModuleJob (internal/modules/esm/loader.js:147:40) at ModuleWrap.<anonymous> (internal/modules/esm/module_job.js:41:40) at link (internal/modules/esm/module_job.js:40:36) { code: 'ERR_MODULE_NOT_FOUND' }

routes.js

import express from 'express';

const router = express.Router();

router.get('/', (req, res) => {
  res.send('home page');
});

export default router;

app.js

import express from 'express';
import { router } from './routes';

const app = express();
const PORT = 8080;

app.listen(PORT, () => {
  console.log(`Server running at: http://localhost:${PORT}/`);
});

// Routes
app.use('/', router);

What am I doing wrong here?

Have you tried to change import { router } from './routes'; to import router from './routes.js'; ? — some
– some, Commented Jan 25, 2020 at 22:14
which version of node do you use? Do you use a bundler or babel? — marzelin
– marzelin, Commented Jan 25, 2020 at 22:14
that's the spec of es6 modules. You have to provide full path. — marzelin
– marzelin, Commented Jan 25, 2020 at 22:23
with babel you don't need .js extension. But when you work directly with es6 modules in node, you have to use extensions. The same goes for using modules in browsers — marzelin
– marzelin, Commented Jan 25, 2020 at 22:25

some · Accepted Answer · 2020-01-25 22:23:50Z

18

You need to use the full file name:

import router from './routes.js';

From the documentation:

module-name

The module to import from. This is often a relative or absolute path name to the .js file containing the module. Certain bundlers may permit or require the use of the extension; check your environment. Only single quoted and double quoted Strings are allowed.

answered Jan 25, 2020 at 22:23

some

49.8k14 gold badges83 silver badges96 bronze badges

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

2 Comments

Aditya Anand Over a year ago

No matter the reasons, this makes for an extremely frustrating development experience. Node should prioritize fixing this IMO.

Dan Dascalescu Over a year ago

@AdityaAnand: there's a flag for that.

Amr Salama · Accepted Answer · 2021-03-07 01:34:06Z

2

You can check this link it could help you https://github.com/nodejs/node/issues/27408

You can try to use --es-module-specifier-resolution=node as it says.

edited Mar 7, 2021 at 1:34

answered Jan 25, 2020 at 22:17

Amr Salama

1,0001 gold badge7 silver badges21 bronze badges

Comments

Kory Heard · Accepted Answer · 2020-07-07 04:24:31Z

1

For anyone looking for a typescript solution use the .js file extension of your transpiled files.

// index.ts file.
import router from './routes.js';

answered Jul 7, 2020 at 4:24

Kory Heard

511 bronze badge

Comments

C.Gochev · Accepted Answer · 2020-01-25 22:16:33Z

0

You are destructuring your import yet you are exporting as default. When you import a default there is no need for destructuring

import router from './routes';

You can use destructuring when you are using either a named export

export const router = express.Router()

or you pull out a property from the default export

export default {
  router: express.Router()
}

edited Jan 25, 2020 at 22:16

answered Jan 25, 2020 at 22:11

C.Gochev

1,93214 silver badges21 bronze badges

3 Comments

M1X Over a year ago

Im not using destructing anymore and still the same error

Bergi Over a year ago

While it might be true that also no named imports should be used, the error clearly states "Cannot find module"

C.Gochev Over a year ago

the file is in the same dir as app.js?

Collectives™ on Stack Overflow

Node.js unable to import ES6 module

4 Answers 4

2 Comments

Comments

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related