iOS Issues running without live-reload

ionic-v1
1

I have a fairly simple ionic project which works fine via ionic serve, ionic emulate ios -lcs, and ionic run --device -lcs, but always fails to load properly when running without live reload and I’m not sure why.

Specifically, ionic emulate ios, ionic run --device, running on a device or simulator via XCode, and via the Ionic View app all product the same broken view as seen below:

image
Screen Shot 2015-07-28 at 10.43.14 PM.png372×689 25.2 KB

whereas these links should be in an ion-side-menu. My question has two parts:

  1. What do you think could be the cause of this issue and why would it not repro when live reload is enabled?

  2. Using Safari’s device inspector hasn’t been very helpful because I can only connect once the page’s loaded in a broken state. How would you go about debugging this sort of problem?

Thanks!
– Travis

Your system information:

Cordova CLI: 5.1.1
Gulp version: CLI version 3.9.0
Gulp local: Local version 3.9.0
Ionic Version: 1.0.1
Ionic CLI Version: 1.6.1
Ionic App Lib Version: 0.3.3
ios-deploy version: 1.7.0
ios-sim version: 4.1.1
OS: Mac OS X Yosemite
Node Version: v0.12.6
Xcode version: Xcode 6.4 Build version 6E35b

2

Any help would be greatly appreciated, as I’m currently blocked on this :disappointed_relieved:

Here is a gist of my main index.html file; maybe there’s something obvious wrong that someone will notice?

3

Ping? I’ve tried everything I can think of here and still no luck without live-reload…

4

I tracked down the issue to:

<base href="/">

which had been left in the head of the document from the angular website version of the project. It’s odd that this worked fine with live-reload but not without the live-reload server running. Posting my solution here in case anyone else runs into the same issue.