在Ionic 3 / Angular 5应用程序中使用NPM模块

克里斯·罗克韦尔

我试图在我的Ionic / Angular应用程序中使用npm模块pretty-file-icons据我所知,该模块没有类型。

我尝试添加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取代了。

如何导入此模块,以便可以在组件中使用它?

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

您不应该将其注入constructor,直接使用:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在Angular / Ionic应用程序中使用'normal'npm模块

使用 MangoDB 在 ionic3 和 Angular5 Web 应用程序之间同步数据

在 ionic 3 应用程序中使用 httpClient 模块的 Http 请求失败

创建Angular5应用程序如何在IONIC 3中重用它

使用Angular Ionic4应用程序延迟加载嵌套模块无法正常工作?

val.slice不是ionic 3 angular 4应用程序中的函数错误

在哪里将angular-cli.json内容放在Ionic 3应用程序上

结合使用ionic 3(Angular 5 + rxjs5)的AngularFireStore

Ngrx Angular的Redux商店无法在Ionic 3 App中使用

如何使用 *ngFor 指令从 Ionic 3(Cordova、Ionic 3、Angular 5)上的存储中获取数据

在Angular和Ionic应用程序中使用异步/等待的正确方法

如何在 Angular/Ionic 应用程序中使用服务内部的多个模型?

如何在ionic + cordova + angular应用程序中使用cordova-universal-links-plugin?

如何在Ionic / Angular应用程序中使用stripe.js

在 Ionic 4 / Angular 应用程序中使用 Observables 的正确方法

在ionic 3应用程序中使用JWT进行身份验证

Ionic5 / Angular9 PWA应用程序中是否可以使用SignaturePad?

Ionic 3 Angular 4找不到模块`jsonwebtoken`

如何在ionic3和angular5中使用插件全球化

ionic 3主题化应用程序

Angular 4和Ionic 3没有HTTP的提供程序

在组件 Ionic 3 / Angular 5 中动态更改 Sass 变量

ionic3和angular 5中的动态标签渲染

Ionic 3,Angular 5-Webapp的缓存问题

如何使用navParams获取整个对象-Ionic 3 Angular 4

如何在Ionic3,Cordova和Angular4应用程序中获取android设备的语言?

在 ionic 3 angular 4 应用程序中实现角度数据表时未定义 $

我如何在Ionic 3 Angular应用程序中禁用按钮单击,直到关闭Toast消息?

如何在Ionic 3(Ionic,Angular 5)上刷新页面