Property cordova does not exist on type 'Window' - Ionic2, InAppBrowser

Question

I'm using an Ionic2 Angular2 setup with inappbrowser cordova plugin installed. According to documentation I have to use window.cordova.InAppBrowser.open("whatever)

However, window.cordova does not compile as the propery "cordova" does not exist on the Window type.

I've installed it by using cordova plugin add cordova-plugin-inappbrowser and the plugin was added succesfully in the plug-in folder.

What am I missing here?

Answer 1

I did not double check that, but I guess the typings file does not contain the method window.cordova.InAppBrowser.open("whatever"). Write your own typing interface or use window.open()

Answer 2

I'm not familiar with this but I solved this problem by installing typings :

npm install -g typings

typings install dt~cordova --save --global

https://forum.ionicframework.com/t/cannot-find-name-cordova/52650/3

But now InApp is missing ...

Answer 3

Cordova will not load in the browser. Your best option is to use a device to test and chrome/safari (depending on platform) dev tools to debug. You can also try an emulator depending on the plugins you are using, but there are some plugins that will not work properly in the emulator.

Also, be sure to wrap any cordova plugins in a device ready function such as:

document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() {
    // Now safe to use device APIs
}

or

$ionicPlatform.ready(function() {
    // your code
});

Reference: deviceready and $ionicPlatform.ready().