Module not found when using import instead of require

Question

I am trying to use import instead of require for all modules in my project, but some older npm modules only have instructions for require.

In the case of 'isomorphic-fetch' I can't find the proper way to use import:

works

require('isomorphic-fetch')

fails

import 'isomporphic-fetch'   
import Something from 'isomorphic-fetch'

// error Can't resolve 'isomporphic-fetch' from Project/src/js/

Converting to import does work with the es6-promise module.

works

require('es6-promise').polyfill()

works

import Something from 'es6-promise'
Something.polyfill()

What's doing the loading here? Node --experimental-modules, Webpack, etc? — CodingIntrigue
– CodingIntrigue, Commented Jan 25, 2018 at 11:16
Possible duplicate of fetch method is not defined using ES6 fetch in React — The Reason
– The Reason, Commented Jan 25, 2018 at 11:23

javinor · Accepted Answer · 2018-01-25 11:24:24Z

4

Since import does work with other modules, and require('isomorphic-fetch') works, it's probably a named export problem.

Try import * as Something from 'isomorphic-fetch'

If that works, it's because isomorphic-fetch does not do export deafult so you have to pull in the imports by name, or use the notation I wrote above. Take a look at the MDN link I put on top.

answered Jan 25, 2018 at 11:24

javinor

6844 silver badges8 bronze badges

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

3 Comments

Kokodoko Over a year ago

Thanks, that was it. Still not sure why I need Something, since that variable is never used. import * from 'isomorphic-fetch' doesn't work.

javinor Over a year ago

Looking at the repo, it's only export is the fetch function. But in addition to exporting it, he overrides the global as well. So as he writes in the README you don't need to import at all, just require without assigning. I agree that es6-promise's polyfill API is more easily understandable

Kokodoko Over a year ago

Yes, I realise that just require also works, but I would prefer sticking to one syntax. It would be great if just import 'isomporphic-fetch' worked.

Collectives™ on Stack Overflow

Module not found when using import instead of require

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related