如何在ionic 4项目中导入和使用自定义cordova插件
Posted
技术标签:
【中文标题】如何在ionic 4项目中导入和使用自定义cordova插件【英文标题】:How to import and use custom cordova plugin in ionic 4 project 【发布时间】:2021-06-08 13:06:32 【问题描述】:我完成了创建新的cordova插件所需的所有步骤,如下面问题中所述,我成功了:
Start android activity from cordova plugin
我运行了以下命令cordova plugin ls
,得到了以下结果:
com.example.sample.plugin 0.0.1 "插件名称"
所以我的插件被添加到我的项目中。
但我仍然无法将它导入到我的 ionic 4 项目的 .ts 文件中。我应该写什么导入语句才能使用插件?
【问题讨论】:
【参考方案1】:试试:
// at the top of your file outside of any class definitions
declare var cordova: any;
cordova.plugins.SignInWithApple.function();
我相信它会从标签中获取插件名称,例如:
<js-module src="www/sign-in-with-apple.js" name="SignInWithApple">
【讨论】:
没用。我应该添加 cordova.plugins.SignInWithApple.function();例如在 assets 文件夹中的 home.js 文件中? @AliWehbi 不,我的意思是你可以这样调用你的插件。在调用文件的顶部添加declare var cordova: any;
,然后在要调用函数的任何地方使用cordova.plugins.YourPluginName.yourFunctionName();
。 YourPluginName
应该与 config.xml 中描述插件的标签中的内容相匹配。以上是关于如何在ionic 4项目中导入和使用自定义cordova插件的主要内容,如果未能解决你的问题,请参考以下文章
如何在 Laravel 项目中导入和使用 vue-good-table Vue 组件