Ionic-demo app


#1

I was attempting to run the ionic-demo app located here:
https://github.com/driftyco/ionic-demo

When opening the index.html file there are a few errors and nothing loads.

Also - how do I get this wrapped into a Cordova app to install on a device?

I tried dropping this into the www folder within a Cordova project but I get the same results as above - nothing loads.

Am I just missing a step?


Locahost access
#2

You are not starting up a server.
XMLHttpRequests or Ajax as you may call it, requires the HTTP protocol at the the transport layer.

In simple words you have to install or use some kind of server software to serve the files from your file system into your browser.

I would recommend you do this via terminal ( command line ):

  1. Go to the directory where index.html resides.
  2. Then type python -m SimpleHTTPServer and press enter.
  3. Don’t close the terminal. Let it run in the background.
  4. Open you browser and go to localhost:8000

Python comes pre-installed on both Mac OSX and Linux. I think it is same with Windows. If not install python.
Voila! The app should run now.


[solved] In chrome ionic html file is not working
#3

Thanks I tried that and now I am getting these errors in Chrome:

Failed to load resource: net::ERR_NAME_NOT_RESOLVED http://pages-data.js/
Failed to load resource: net::ERR_NAME_NOT_RESOLVED http://ionic/css/ionic.min.css
Failed to load resource: net::ERR_NAME_NOT_RESOLVED http://ionic/js/ionic.bundle.min.js
Uncaught ReferenceError: angular is not defined localhost:8000/index-ionic-demo-app.js:4

https://www.evernote.com/shard/s6/sh/c61623ce-83ae-4f10-8ee5-d1b6d7e548d8/0d774a669c3792d606d12649178180dd


#6

what you are seeing, mrdk is the expected behavior because http-server does not include the build functions which produce the files you are not seeing. So, if you start your app with ‘ionic serve’ then you will be all good.