NPMモジュールをIonic 3/Angular 5 app内で使用する

Question

私のイオン/角度アプリ内でnpmモジュールpretty-file-iconsを使用しようとしています。私が知ることから、このモジュールにはタイピングがありません。

Iはdeclare module 'pretty-file-icons'のSRC/typings.d.tsにを追加しようとしたした後、使用してコンポーネント内：

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

これを使用して、私はエラーCan't resolve all parameters for Handouts Pageを得ます。私はこのためにいくつかのヘルプ記事をオンラインで見つけましたが、それらはすべてSystemJSのようですが、私が理解するように、Webpackに置き換えられました。

このモジュールをインポートしてコンポーネント内で使用できるようにするにはどうすればよいですか？

Answer 1

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

あなたはそれを直接使用し、constructorでそれを注入should't：

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