在Ionic 2中使用非离子原生插件

Question

我使用的是github的cordova插件，该插件在ionic原生版本中不可用。

我有问题。如何在Ionic 2中使用非离子原生插件？

我试着：

declare var myPlugin: any;

myPlugin.doSomething(...)

和其他论坛解决方案

但我有个错误：

ReferenceError: myPlugin is not defined
at new HomePage (http://localhost:8100/build/main.js:18762:9)

我的配置：

Ionic Framework: ^2.0.0-rc.3
Ionic Native: ^2.2.3
Ionic App Scripts: 1.0.0
Angular Core: 2.2.1
Angular Compiler CLI: 2.2.1
Node: 6.9.5
OS Platform: Windows 10
Navigator Platform: Win32
cordova 6.5.0

同样的问题：Working with non ionic-native plugins in Ionic 2

Answer 1

需要注意的几件事：

• 验证您的插件条目是否存在于plugin.xml和package.json文件中？如果没有，您可能需要添加一个条目，如下例所示。
• 仅在平台准备就绪时使用插件。
• 在真实设备中测试您的应用程序。
• 使用"ionic add“而不是"cordova add”添加新插件。

请参考下面的线程，它可能会对编辑plugin.xml文件有所帮助。

https://forum.ionicframework.com/t/how-to-use-non-native-plugins-on-ionic-2/63936/17

Answer 2

您的问题是，在plugin.xml中，clobbers被设置为window.plugins.myplugin。这使窗口成为全局对象，您必须声明：

declare var window: any;

和调用如下的函数：

window.plugins.myPlugin.pluginInitialize()

或者，如果这是您的定制插件，您可以将clobbers对象设置为myPlugin

Answer 3

请这样尝试：

首先将插件或库导入为：

import plugin from 'plugin-name' ;

然后使用：

plugin.functionName();