Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Cannot import library with ES Modules

See original GitHub issue

I’m using “babel-preset-es2015”: “^6.9.0” with “babelify”: “^7.3.0”, and import sf from 'sheetify'; doesn’t work (5.0.3 of sheetify). I get:

Uncaught TypeError: (0 , _sheetify2.default) is not a function
1.on-load @ google-map.js:4
s @ _prelude.js:1
(anonymous function) @ _prelude.js:12
../components/google-map @ index.js:3
s @ _prelude.js:1
e @ _prelude.js:1
(anonymous function) @ _prelude.js:1

Issue Analytics

State:
Created 7 years ago
Comments:12 (4 by maintainers)

Top GitHub Comments

3reactions

tjcommented, Jul 16, 2016

import { default as css } from 'sheetify' works fine for me, though definitely not as nice! kinda wonky to support both though

2reactions

ahdinosaurcommented, Jul 1, 2016

hey @knownasilya,

sheetify/transform only supports require, and i think babelify transpiles import into a non-statically-analyzable require (by wrapping it in a dynamic function) so that doesn’t help.

so possible options:

change import sf from 'sheetify' to const sf = require('sheetify')
add support for ES Modules to sheetify/transform, so you could add it before babelify and it’d work.

i personally don’t care for ES Modules, but if anyone wants to contribute here i’m keen.