Using Node module with out type defination in Angular 2

Question

I have written a very simple node module [ npm install twinconsole ] and published to npm.

I also included browser build ( umd module ) so that it can be used from browser as well.

Below is node module related code

module.exports.print = msg => {
console.log(msg);
}

Now I would like to use this node module from my Angular 2 typescript application, to do that

I have included below CDN file in index.html.

< script src="https://npmcdn.com/[email protected]/dist/index.umd.min.js">

What is that I need to do so that print() function exported in node module can be used in below root component

import { Component } from '@angular/core';

declare var twinconsole: any;  // ADDEED THIS LINE , IS THIS CORRECT ?


@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

  title = 'app works!';
}

Yes your declare statement should work just fine. I've done similar declarations of CryptoJS for encryption. I find it useful to create an interface for the declared vars if their APIs are more extensive. This allows editors like VSCode to still provide a nice development experience because they expose the interface via autocomplete. — wickdninja
– wickdninja, Commented Mar 22, 2017 at 8:32

wickdninja · Accepted Answer · 2017-03-22 08:36:31Z

1

import { Component } from '@angular/core';

//define interface to get "intellisense" aka autocomplete and type errors
interface TwinConsole{
  print(msg:string);
}

declare var twinconsole: TwinConsole;


@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

  title = 'app works!';
}

answered Mar 22, 2017 at 8:36

wickdninja

1,0491 gold badge11 silver badges17 bronze badges

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

Collectives™ on Stack Overflow

Using Node module with out type defination in 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