如何在我的 Ionic 项目中使用这个模块？答案

【问题标题】：How to use this module on my Ionic project?如何在我的 Ionic 项目中使用这个模块？
【发布时间】：2018-01-07 23:05:02
【问题描述】：

我最近才开始使用 Ionic 框架。我一直在尝试导入这个 vcard 模块。

我可以在普通的 javascript 环境中使用它，但到目前为止我还不能在我的 .ts 文件中使用它。

我所做的是：

使用添加模块

npm install vcard-parser --save
npm install ajv@>=5.0.0 --save
将其导入到 .ts 文件中

从 'vcard-parser' 导入 * as v
那么这是console.log(v)的结果

对象{} 原型：目的构造函数：函数对象（） hasOwnProperty ：函数 hasOwnProperty() isPrototypeOf ：函数 isPrototypeOf() 属性IsEnumerable ：函数属性IsEnumerable() toLocaleString ：函数 toLocaleString() 到字符串：功能（）的价值：函数 valueOf() 定义Getter ：函数 defineGetter() defineSetter ：函数 defineSetter() lookupGetter ：函数 lookupGetter() lookupSetter ：函数 lookupSetter() 获取原型：函数原型() 设置原型：函数 proto()

我不知道如何使用模块，例如调用函数“parse”或“generate”。

有人可以帮我举个例子吗？

【问题讨论】：

【解决方案1】：

所以他们的安装文档不太正确。

npm install vcard-parser

应该改为

npm install vcard-parser --save

将其保存到您的package.json

我不是 100% 但它看起来不像代码符合组件 -> 模块模式（这里可能是错误的，只是看起来有点不同）

对于大多数离子/角度扩展/组件，您希望使用 package.json 中声明的名称将其导入 app.module.ts。

例如 ionic-network 将是

import { Network } from '@ionic-native/network';

因为在package.json 中它被声明为依赖项

"@ionic-native/network": "^4.1.0",

您还可以导入特定页面并将其添加到构造函数中。

这是来自installing 3rd party libraries官方文档的帖子

【讨论】：

【解决方案2】：

基于how is vcard-parser tested，应该是这样的：

declare var require: any;
var vCard = require('vcard-parser').vCard;
vCard.parse(raw);

【讨论】：