Ionic/Cordova无法创建插件

ionic/cordova cannot create plugin

本文关键字：创建 插件 Cordova Ionic      更新时间：2023-09-26

>我在 ionic 框架中创建自己的插件时遇到问题。

这是我的插件.xml： 

<?xml version="1.0" encoding="UTF-8"?>
<plugin xmlns="http://apache.org/cordova/ns/plugins/1.0" id="org.apache.cordova.hid" version="0.0.1">
  <name>Hid</name>
  <description>Cordova HID USB Plugin</description>
  <license>Apache 2.0</license>
  <keywords>cordova,hid</keywords>
  <js-module src="www/hid.js" name="hid">
    <clobbers target="hid" />
  </js-module>
</plugin>

这是我的隐藏.js文件，其中包含测试代码：

var exec = require('cordova/exec');
var hid = {
  testFunc : function(callback) {
    callback('echo echo');
  }
}
module.exports = hid;

我使用add将插件安装到项目中：

$ ionic plugin add ./hid-plugin
Updated the hooks directory to have execute permissions
Saving plugin to package.json file

然后它出现在我的插件文件夹中的项目。

这是我的控制器.js：

angular.module('starter.controllers', [])
.controller('DashCtrl', function($scope) {})
.controller('ChatDetailCtrl', function($scope, $stateParams, Chats) {
  $scope.chat = Chats.get($stateParams.chatId);
  // HERE IS THE TESTFUNC
  hid.testFunc(function(echoValue) {
    alert(echoValue);
  });
});

这会导致错误：

ionic.bundle.js:25642 ReferenceError: hid is not defined
    at new <anonymous> (http://localhost:8100/js/controllers.js:23:5)
    at invoke (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17762:17)
    at Object.instantiate (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17770:27)
    at http://localhost:8100/lib/ionic/js/ionic.bundle.js:22326:28
    at self.appendViewElement (http://localhost:8100/lib/ionic/js/ionic.bundle.js:56883:24)
    at Object.switcher.render (http://localhost:8100/lib/ionic/js/ionic.bundle.js:54995:41)
    at Object.switcher.init (http://localhost:8100/lib/ionic/js/ionic.bundle.js:54915:20)
    at self.render (http://localhost:8100/lib/ionic/js/ionic.bundle.js:56743:14)
    at self.register (http://localhost:8100/lib/ionic/js/ionic.bundle.js:56701:10)
    at updateView (http://localhost:8100/lib/ionic/js/ionic.bundle.js:62357:23) <ion-nav-view name="tab-chats" class="view-container tab-content" nav-view="active" nav-view-transition="android">

我几乎尝试了所有方法：

  • 在 HID 中创建函数.js不带 HID 包装对象
  • 将隐藏的对象放入聊天详细信息控制按钮的参数中
  • 使用$hid而不是隐藏

但没有积极的结果。

你能指出我错过或做错了什么吗？

  1. 将JS文件导入索引.html
  2. 查看并检查您的cordova_plugins.js文件（您可以在此处更新）
相关文章：