未安装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并将其上传到IonicView ionic upload.我做了这个链接中提出的所有事情,但运气不同.

但是当我点击<button ion-button (click)="navigate()">Navigate</button>Ionic View中的按钮(在logo.html 中的一个简单)时,错误说:Error launghing navigator: plugin_not_installed.

我检查了项目,plugins目录包含uk.co.workingedge.phonegap.plugin.launchnavigatorlooks目录.所以我看一下package.json,config.xml并且我在根中添加uk.co.workingedge.phonegap.plugin.launchnavigator了cordovaPlugins and tag <plugin name="uk.co.workingedge.phonegap.plugin.launchnavigator" spec="~3.2.1" />中的值widget.npm run build,ionic upload但什么都没有改变.

我的错误在哪里？

Answer 1

仅当平台准备就绪时才需要调用 Cordova 插件。

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)
      );
});