# Using npm modules with ionic 2

**URL:** <https://forum.ionicframework.com/t/using-npm-modules-with-ionic-2/46978>\
**Category:** ionic-v3\
**Created:** [March 20, 2016, 8:07pm UTC](https://forum.ionicframework.com/t/using-npm-modules-with-ionic-2/46978 "2016-03-20T20:07:15Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Muhammedabuali](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/muhammedabuali/32/97330_2.png) [@Muhammedabuali](https://forum.ionicframework.com/u/Muhammedabuali)\
**Post date:** [March 20, 2016, 8:07pm UTC](https://forum.ionicframework.com/t/using-npm-modules-with-ionic-2/46978/1 "2016-03-20T20:07:15Z")

</div>

Hello,

I am having trouble with npm mpdules in ionic 2. I think it has to do with `import` vs `require`.  
I am trying to use a simple npm package called [country-data](https://github.com/OpenBookPrices/country-data) and after installing using npm I import it in my code

`import * as CountryData from "country-data";`

but the data is empty so I looked into the module and it is using `require` to load the data from json files  
`var currenciesAll = require('./data/currencies.json');`  
if I preint that variable in node console it outputs the correct values  
but it fails to do so in the generated `app.bundle.js`

here is the output from ionic info

> 

Cordova CLI: 5.4.1  
Ionic Version: 2.0.0-alpha.57  
Ionic CLI Version: 2.0.0-beta.17  
Ionic App Lib Version: 2.0.0-beta.8

---

<div class="post-metadata">

**Author:** ![rapropos](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rapropos/32/100227_2.png) [@rapropos](https://forum.ionicframework.com/u/rapropos)\
**Post date:** [March 20, 2016, 10:14pm UTC](https://forum.ionicframework.com/t/using-npm-modules-with-ionic-2/46978/2 "2016-03-20T22:14:36Z")

</div>

One thing you might try is installing json-loader:

```auto
$ npm install json-loader

```

…and then configuring `webpack.config.js` to use it for all `.json` files with a stanza something like this:

```auto
 module: {
    loaders: [
[...]
{
        test: /\.json$/,
        loader: 'json'
}
[...]
    ]
}

```

---

<div class="post-metadata">

**Author:** ![Muhammedabuali](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/muhammedabuali/32/97330_2.png) [@Muhammedabuali](https://forum.ionicframework.com/u/Muhammedabuali)\
**Post date:** [March 21, 2016, 11:27am UTC](https://forum.ionicframework.com/t/using-npm-modules-with-ionic-2/46978/3 "2016-03-21T11:27:55Z")

</div>

thanks a lot. it worked!😁