LaunchNavigator Ionic2 插件未安装

Question

我是 Ionic 2 和周围一切的新手。我正在尝试设置我的第一个移动应用程序：触摸一个按钮，我将打开本机导航（例如 Google Maps for Android）。我已经安装了launchnavigator 插件：

ionic plugin add uk.co.workingedge.phonegap.plugin.launchnavigator

在 cremony.ts 页面内：

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { LaunchNavigator, LaunchNavigatorOptions } from 'ionic-native';

@Component({
  selector: 'page-ceremony',
  templateUrl: 'ceremony.html'
})
export class Ceremony {

  constructor(public navCtrl: NavController) {

  }

  navigate() {
    let options: LaunchNavigatorOptions = {
      start: ""
    };

    LaunchNavigator.navigate("London, UK", options)
      .then(
      success => alert('Launched navigator'),
      error => alert('Error launching navigator: ' + error)
      );
  }
}

创建一个 npm run build 并使用 ionic upload 将其上传到 IonicView。 我已经按照this link 中的建议做了所有事情，但运气不同。

但是当我在 Ionic View 中单击按钮（一个简单的 <button ion-button (click)="navigate()">Navigate</button> 在仪式.html 中）时，会出现错误提示：Error launghing navigator: plugin_not_installed。

我检查了项目，plugins 目录包含uk.co.workingedge.phonegap.plugin.launchnavigatorlooks 目录。所以我查看package.json 和config.xml 并在cordovaPlugins 中添加了值uk.co.workingedge.phonegap.plugin.launchnavigator 并在 widget 根中标记 <plugin name="uk.co.workingedge.phonegap.plugin.launchnavigator" spec="~3.2.1" />。 npm run build, ionic upload 但没有任何改变。

我的错误在哪里？

Answer 1

新答案，您的项目有问题。您是否修改了 index.html 文件？它仍然包括cordova.js吗？如果是这样，您使用的是哪个版本的 Ionic 和 Cordova？

我使用您的确切代码制作了这个示例应用程序，它在 iOS 和 Android 上都能完美运行：https://github.com/roblouie/navigator-plugin-test

在 iOS 上进行了屏幕录制：https://giphy.com/gifs/xTiN0EEQV82aIXWnQI 刚刚在 Android 上抓取了一张图片，但它的工作原理相同：

请尝试来自 github 的项目。

Answer 2

Cordova 插件只需在 platform 准备就绪后调用。

constructor(public navCtrl: NavController,public platform:Platform) {//inject in constructor

  }

在你的函数navigate()

this.platform.ready().then(()=>{
LaunchNavigator.navigate("London, UK", options)
      .then(
      success => alert('Launched navigator'),
      error => alert('Error launching navigator: ' + error)
      );
});

Answer 3

您的错误原因是您使用的是 Ionic View。您的 Ionic 应用程序只是 html、css 和 javascript。但是，您使用的任何插件都是用 Java for Android 和 Objective C for iOS 编写的。然后将该插件源代码编译到每个平台的应用程序中。

使用 Ionic View，它只会上传您的应用、html、css 和 javascript。什么都没有编译。 Ionic View 是应用程序本身，它会加载您的代码。所以没有包含您拥有的插件。 Ionic View 本身确实安装了一些插件，您可以在此处查看该列表：https://docs.ionic.io/tools/view/#supported-plugins

很遗憾，如果不构建并部署到设备或模拟器，您将无法测试不在该列表中的任何插件。