如何在我的Ionic項目上使用此模塊？

Question

我剛剛開始使用Ionic框架。我一直在試圖導入這個vcard模塊。

https://github.com/Heymdall/vcard

我能夠在正常的JavaScript環境中使用它，但到目前爲止，我不能在我的.ts文件中使用它。

我所做的是：

1. 添加使用

   NPM安裝電子名片解析器--save
   NPM安裝ajv @> = 5.0.0 --save

   模塊

2. 導入這裏面的.ts文件

   進口*從「電子名片解析器」 V

3. 然後，這是從控制檯的結果。LOG（V）

   對象{} 原 ： 對象 構造 ： 功能對象（） hasOwnProperty ： 函數hasOwnProperty（） isPrototypeOf ： 功能isPrototypeOf（） propertyIsEnumerable ： function propertyIsEnumerable（） toLocaleString ： 功能的toLocaleString（） 的toString ： 函數（） 的valueOf ： 功能的valueOf（） defineGetter ： 功能defineGetter（） defineSetter ： 功能defineSetter（） lookupGetter ： function lookupGetter（） lookupSetter ： 功能lookupSetter（） 得到原 ： 功能原（） 設置原 ： 功能原（）

我不知道如何使用的模塊，如調用函數「解析」或「生成」。

有沒有人請幫我舉個例子嗎？

Answer 1

因此，他們關於安裝的文檔並不完全正確。

npm install vcard-parser 

應更改爲

npm install vcard-parser --save 

將它保存到您的package.json

我不是100％，但它看起來並不像代碼符合組件 - >模塊模式（可能是錯在這裏，只是看起來有點不同）

對於要使用的名稱將其導入您的app.module.ts大多數離子/角度的一些推廣/組件聲明在package.json。

例如離子網將

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

因爲在package.json它被聲明爲一個依賴作爲

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

您也可以導入特定頁面，並將其添加到構造函數。

下面是官方文檔後上installing 3rd party libraries

Answer 2

基於how is vcard-parser tested，它應該是這樣的：

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