未捕获(承诺):在Ionic 2中的cordova_not_available

Question

当我运行离子应用程序时ionic serve -l,得到此错误:

运行时错误

未捕获(承诺):cordova_not_available

堆

Error: Uncaught (in promise): cordova_not_available
at v (http://localhost:8100/build/polyfills.js:3:4864)
at s (http://localhost:8100/build/polyfills.js:3:4289)
at s (http://localhost:8100/build/polyfills.js:3:4112)
at http://localhost:8100/build/polyfills.js:3:4652
at t.invokeTask (http://localhost:8100/build/polyfills.js:3:10284)
at Object.onInvokeTask (http://localhost:8100/build/main.js:38692:37)
at t.invokeTask (http://localhost:8100/build/polyfills.js:3:10220)
at e.runTask (http://localhost:8100/build/polyfills.js:3:7637)
at i (http://localhost:8100/build/polyfills.js:3:3707)
at HTMLDocument.invoke (http://localhost:8100/build/polyfills.js:3:11437)

其他详情

Ionic Framework: 2.2.0
Ionic Native: 2.8.1
Ionic App Scripts: 1.1.4
Angular Core: 2.4.8
Angular Compiler CLI: 2.4.8
Node: 6.9.2
OS Platform: Windows 10
Navigator Platform: Win32
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36

我使用以下命令安装HotSpot插件:

ionic plugin add cordova-plugin-hotspot --save

cordova plugin add cordova-plugin-hotspot --save

用法 app.component.ts

import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar, Splashscreen,Hotspot,Network } from 'ionic-native';
import { TabsPage } from '../pages/tabs/tabs';


@Component({
 templateUrl: 'app.html'
})

export class MyApp {
rootPage = TabsPage;

 constructor(platform: Platform) {

  platform.ready().then(() => {
     StatusBar.styleDefault();
     Splashscreen.hide();
     Hotspot.scanWifi().then((networks: Array<Network>) => {
     console.log(networks);

 });
})
   }
  }

另外,我看到其他问题,但没有解决我的问题.

Answer 1

您在浏览器中进行测试时访问本机插件.为了使插件工作,您应该使用真实的设备进行测试.

为了使您的代码在浏览器中可测试(或者在浏览器中测试时实际上不会中断),您应该使用if语句检查Cordova是否可用:

  if (this.platform.is('cordova')) {
    // You're on a device, call the native plugins. Example: 
    //
    // var url: string = '';
    // 
    // Camera.getPicture().then((fileUri) => url = fileUri);
  } else {
    // You're testing in browser, do nothing or mock the plugins' behaviour.
    //
    // var url: string = 'assets/mock-images/image.jpg';
  }

编辑:

正如Ricky Levi在下面正确提到的那样,Ionic支持该browser平台.使用此平台,大多数常见插件都能够工作.请注意,某些插件不会,例如Barcode-scanner插件.因为它会提示你提醒,要求提供必须的价值scanned.这将失去条形码扫描仪的整个用例.

Answer 2

也许从那以后发生了一些变化,但Ionic现在支持"浏览器"作为平台(简称浏览) - 这使得Cordova插件在浏览器中可用.

要使用它,您需要添加平台 ionic cordova platform add browser

然后你运行ionic cordova run browservs ionic serve(ionic run browser- 就像ionic cordova run android或ionic cordova run ios)

Answer 3

只有在真实设备上运行应用程序时才能访问Cordova.在浏览器中测试应用程序时,它无法访问这些本机插件.

您可以检查您是在真实设备上还是在这样的浏览器上:

if (this.platform.is('cordova')) {
  // You are on a device, cordova plugins are accessible
} else {
  // Cordova not accessible, add mock data if necessary
}

这只会帮助您测试不依赖cordova插件的应用部分.要真正测试您的应用,您需要在设备或模拟器中运行它.