Using an NPM module within Ionic 3/Angular 5 app

Question

I am attempting to use an npm module, pretty-file-icons, within my Ionic/Angular app. From what I can tell, this module does not have typings.

I tried adding declare module 'pretty-file-icons' to src/typings.d.ts and then, within a component using:

import * as prettyFileIcons from 'pretty-file-icons';
export class HandoutsPage {
  constructor(public fileIcons: prettyFileIcons) {}
}

Using this, I get the error Can't resolve all parameters for Handouts Page. I have found several help articles online for this, but they all seem to be for SystemJS but, as I understand it, that has been replaced by Webpack.

How do I import this module so that I can use it within components?

coturiv · Accepted Answer · 2017-12-14 21:43:23Z

1

import * as prettyFileIcons from 'pretty-file-icons';

You should't inject it in the constructor, use it directly:

console.log(prettyFileIcons.getIcon('test.csv'));
console.log(prettyFileIcons.getIcon('test.csv', 'svg'));
console.log(prettyFileIcons.getIcon('.test', 'svg'));

// Prints:
// csv
// csv.svg
// unknown.svg

answered Dec 14, 2017 at 21:43

coturiv

2,9951 gold badge27 silver badges44 bronze badges

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

Collectives™ on Stack Overflow

Using an NPM module within Ionic 3/Angular 5 app

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