如何在我的Ionic项目中使用此模块?

时间:2017-08-01 07:40:11

标签: ionic-framework ionic3

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

https://github.com/Heymdall/vcard

我可以在普通的javascript环境中使用它,但到目前为止我无法在我的.ts文件中使用它。

我所做的是:

  1. 使用

    添加模块
      

    npm install vcard-parser --save
      npm install ajv @> = 5.0.0 --save

  2. 将其导入.ts文件

      

    从'vcard-parser'

    导入*作为v
  3. 然后这是console.log(v)

    的结果
      

    对象{}   的   :   宾语   构造函数   :   function Object()   hasOwnProperty   :   function hasOwnProperty()   isPrototypeOf   :   function isPrototypeOf()   propertyIsEnumerable   :   function propertyIsEnumerable()   的toLocaleString   :   function toLocaleString()   的toString   :   功能()   的价值   :   函数valueOf()   的 defineGetter   :   功能 defineGetter ()   的 defineSetter   :   函数 defineSetter ()   的 lookupGetter   :   功能 lookupGetter ()   的 lookupSetter   :   函数 lookupSetter ()   得到 proto   :   功能原型()   设置 proto   :   功能原型()

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

    有人可以帮我一个例子吗?

2 个答案:

答案 0 :(得分:0)

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

npm install vcard-parser

应该改为

npm install vcard-parser --save

将其保存到package.json

我不是100%,但看起来代码不符合组件 - >模块模式(这里可能有问题,看起来有点不同)

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

例如 ionic-network 将是

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

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

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

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

以下是installing 3rd party libraries

上的官方文档中的帖子

答案 1 :(得分:0)

基于how is vcard-parser tested,它应该是这样的:

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