离子科尔多瓦不可用

Question

我在 ionic 3.9.2 中使用 ionic 本机日历，我已经在应用程序模块中安装并包含了该模块，这是我调用日历的代码：


import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { Calendar } from '@ionic-native/calendar';

@IonicPage()
@Component({
  selector: 'page-evenements',
  templateUrl: 'evenements.html',
})
export class EvenementsPage {

  constructor(public navCtrl: NavController, public navParams: NavParams,private calendar: Calendar) {
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad EvenementsPage');
    this.calendar.createCalendar('MyCalendar').then(
      (msg) => { console.log(msg); },
      (err) => { console.log(err); }
    );
  }

}

页面是空的，没有显示日历，这是我的控制台日志：

Native: tried calling Calendar.createCalendar, but Cordova is not available. Make sure to include cordova.js or run in a device/simulator
util.js (66,1)

cordova_not_available

注意：我是运行网络浏览器上的应用

Answer 1

Cordova 仅在您运行在设备上本地使用时包含，而不是在向浏览器提供开发版本时包含。因此在浏览器中测试时不能使用。当然，这意味着基于 Cordova 的插件也不会工作。这是在浏览器中测试的限制。

要测试所有功能，您必须在模拟器或真实目标设备上进行测试。

也就是说，由于 Cordova 及其某些插件支持浏览器，如果您为浏览器平台构建，您的浏览器可以成为目标设备。

ionic cordova platform add browser

ionic cordova run browser

这将在浏览器中构建并运行您的项目。开发朋友实时重新加载/源地图/快速构建可能无法使用此选项。快速谷歌搜索显示了一些改进方法，但仍然不推荐和完全支持。 Ionic 团队建议使用平台 api 在您的代码中分别检测和处理浏览器和设备。

Answer 2

您可以使用以下命令在浏览器上构建它： ionic cordova 运行浏览器

部分插件与浏览器兼容您可以在此处查看左侧菜单中每个插件的兼容性： https://ionicframework.com/docs/native

离子科尔多瓦不可用

ionic Cordova is not available

angular

cordova

ionic-framework

calendar

cordova-plugins