Ionic: There was a network error when running on Genymotion

Running Ionic with Genymotion, you might run into network issues when trying to run your application in your Genymotion device VM. The one I got was :

Application Error
There was a network error (

when trying to launch my app on the device. It wasn’t a firewall issue, i was successfuly able to ping my host machine from Chrome within the device. Ran some debugging from within Android Studio and saw that:

04-25 16:10:45.960  14405-14433/com.exam.examinous W/SystemWebViewClient﹕ URL blocked by whitelist:

It turns out that with Cordova 5 and Ionic 1.3 you :

─$ cordova -v
─$ ionic -v

You need to add the Cordova Whitelist Plugin

ionic plugin add

and rebuild, that should set you.

Also if you’re running into this error when trying to add a plugin:

SyntaxError: Unexpected token }
at Object.parse (native)
at getJson (/usr/local/lib/node_modules/cordova/node_modules/cordova-lib/src/plugman/util/metadata.js:29:31)
at Object.exports.save_fetch_metadata (/usr/local/lib/node_modules/cordova/node_modules/cordova-lib/src/plugman/util/metadata.js:56:24)

then check your plugins/fetch.json file for extra brackets.