Importing Node modules into Angular 2

Question

I am trying to import a node module into Angular 2 but with no avail.

How can this be achieved?

I am trying to import the following module into Angular 2: https://www.npmjs.com/package/countryjs

Do i need to use system.js to register it into the current app:

<!-- 2. Configure SystemJS -->
    <script>
      System.config({
        packages: {
          app: {
            format: 'register',
            defaultExtension: 'js'
          },
          map: {
              'countryjs': 'node_modules/countryjs/lib/countryjs'
          },
          meta: {
              // sets meta for modules within the package
              'vendor/*': {
                  'format': 'global'
              }
          }
        }
      });
      System.import('app/boot')
            .then(null, console.error.bind(console));


    </script>

Then in the ts file, I use:

import {} from "countryjs"

When i use this (below) it gives me an error

import {Country} from "countryjs"

Am I missing something?

Did you solve the problem? Please post the solution. I have a similar problem. — Mihai Răducanu
– Mihai Răducanu, Commented Mar 19, 2016 at 11:58

Kevin Vella · Accepted Answer · 2016-04-07 18:08:31Z

3

First of all sorry for not posting for so long.

I finally found a solution for this. Please find the altered system.js script:

System.config({
                defaultJSExtensions: true,
                packages: {
                    'app': { format: 'register', "defaultExtension": 'js' }
                },
                map: {
                    'angular2': 'node_modules/angular2',
                    'primeng': 'node_modules/primeng',
                    'rxjs': 'node_modules/rxjs',
                    'ng2-uploader': 'node_modules/ng2-uploader/ng2-uploader',
                    'countryjs': 'node_modules/countryjs'
                }
            });

answered Apr 7, 2016 at 18:08

Kevin Vella

1731 gold badge2 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

Importing Node modules into Angular 2

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related