[SOLVED] Runtime Error Network Error when using Live Reload

[SOLVED] Okay apparently adding

allow-navigation href=“*”

on config.xml solves the problem, to those who encounters the same problem.

Hi, I don’t know why this is happening after doing some testing I’ve found that error pops up whenever I import Firebase on my Ionic 2 project and execute the app with Live Reload on.

ionic emulate ios -lsc

I import firebase with the following:

import firebase from ‘firebase’;

I use the following code block in my app.component.ts

constructor(platform: Platform) {
    firebase.initializeApp({
      apiKey: "<REMOVED ON EXAMPLE>",
      authDomain: "<REMOVED ON EXAMPLE>",
      databaseURL: "<REMOVED ON EXAMPLE>",
      storageBucket: "<REMOVED ON EXAMPLE>",
      messagingSenderId: "<REMOVED ON EXAMPLE>"
    });
    platform.ready().then(() => {
      // Okay, so the platform is ready and our plugins are available.
      // Here you can do any higher level native things you might need.
      StatusBar.styleDefault();
      Splashscreen.hide();
    });
  }

This is the error that pops up after a while:

7 Likes

I am still struggling with this and in present state this prevents me from using IosX simulator as the close button is can not be clicked under the right status bar. Very annoying indeed.