I get an error in Angular 4 when initialising autonumeric

Expected behavior

<Please describe the expected behavior here> Install autonumeric using npm and import in code with import AutoNumeric from 'AutoNumeric' and instantiate autonumeric to work with input fields.

Actual behavior

I get an error: AutoNumeric_1.default is not a constructor

Steps to reproduce the problem

1. Using autoNumeric <v4.0.1> and Chrome on both Mac and Windows,
2. I used the options { currencySymbol: ‘$’ }, and
3. Initialized my AutoNumeric object with the call new AutoNumeric(‘.autonumeric’, { currencySymbol: ‘$’ });,
4. Got this error: AutoNumeric_1.default is not a constructor

Link to live example (ie. Codepen)

https://plnkr.co/edit/oublYED4HrXfyuzKNiNH?p=preview

Please help, I need this in my work. Cheers!

[fuyuko-akiyoshi]

FYI in Angular 4 you need to import AutoNumeric like this: import * as AutoNumeric from ‘AutoNumeric’ otherwise it will throw an error. Cheers.

[fuyuko-akiyoshi]

Of course, I hooked it into Angular’s OnInit life cycle event and it’s working now on the plunkr. I’m still unable to get it working on my local angular project though… it’s still giving me the same original error which must mean that angular is not recognising the autonumeric module. I’ll have to manually import it in somehow. Thanks for your help!