Question

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


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

注意：我正在Web浏览器上运行该应用程序

Answer 1

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

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

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

foreach($file in Get-ChildItem .\path\ -Filter *.txt){ foreach ($line in $file |Get-Content){ Out-File -FilePath "$($file.BaseName)-done.txt" -Encoding UTF8 -Append -InputObject ($line.Split(","))[0] } }

ionic cordova platform add browser

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

Answer 2

您可以使用以下命令在浏览器中构建它：离子科尔多瓦运行浏览器

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

没有离子科尔多瓦

2 个答案: