javascript - 如何在 ionic 5 中添加和使用非原生 cordova 插件

Question

我正在尝试在我的 Ionic 5 应用程序中使用此插件：https ://www.npmjs.com/package/cordova-plugin-k-nfc-acr122u

我使用 cordova plugin add cordova-plugin-k-nfc-acr122u 安装了插件，我现在不喜欢使用它。插件声明：

在此处输入图像描述

我尝试使用连接功能，但它不起作用。 在此处输入图像描述

包.json

请帮忙，谢谢。

Answer 1

在 app.module.ts 中导入后，您可以KNfcAcr122U从组件中导入插件。cordova-plugin-k-nfc-acr122u

然后在构造函数中你可以声明一个私有变量 private kNfcAcr122U : KNfcAcr122U

在你的功能中：

this.kNfcAcr122U.connect()

和

this.kNfcAcr122U.disconnect()

Answer 2

我自己解决了这个问题，也许对某人有用，导入

 import { KNfcAcr122U } from 'plugins/cordova-plugin-k-nfc-acr122u/types';

我声明：

 const kNfcAcr122U: KNfcAcr122U = window['KNfcAcr122U'];

我使用连接功能：

kNfcAcr122U.connect(this.callbackSuccess, this.callbackError);

callbackSuccess(event): void {
  console.log(event,'success');  
}

callbackError(): void {
  console.log('error');
}