How to import with webpack?

[coreyworrell]

Expected Behaviour

Imports the default export

Actual Behaviour

Webpack outputs error: export 'default' (imported as 'balanceText') was not found in 'balance-text' (possible exports: ) and browser throws error Uncaught TypeError: root is undefined

Reproduce Scenario (including but not limited to)

npm install balance-text

Steps to Reproduce

import balanceText from 'balance-text'
balanceText()

This used to work fine. Not sure if newer Node/webpack version has caused this.

[coreyworrell]

It builds without warnings when using

import * as balanceText from 'balance-text'

but then the root is undefined error still happens. Looks like this is undefined during webpack bundling or something.

[coreyworrell]

It appears this is related to Babel, and adding an override for file can fix it: https://stackoverflow.com/a/34983495/214270

I haven't noticed this with other libraries though, so maybe something can be done to better support this.

[redmunds]

@coreyworrell Thanks for reporting bug and followup!