Ionic Learning Notes

1. Links

Ionic Icons: https://ionicframework.com/docs/v2/ionicons

2. Common Commands

Command	What it does?
ionic start --v2	Creates a new Ionic 2 project
ionic serve	Launch app in browser
ionic generate page <page>	Generates an Ionic page

3. Snippets and Solutions

3.1 Fix to Ionic Page Generation Error

Link to solution:

https://stackoverflow.com/questions/44620882/ionic-error-generators-are-only-available-for-ionic-2-projects

1. Open the ionic.config.json file.

2. Copy & paste these lines:

   "typescript": true,
   "v2": true

3. Save and re-run the generate page command.

3.2. Play Audio on in Ionic

Install necessary plugins

https://stackoverflow.com/questions/43279411/ionic-2-how-to-play-sound-effects

Testing in browser with cordova

https://stackoverflow.com/questions/40815183/ionic-2-cordova-is-not-available-make-sure-to-include-cordova-js-or-run-in-a-d

Install the browser platform for cordova to load cordova plugins.

cordova platform add browser

Run the Ionic app on the browser platform.

ionic cordova run browser

Back to articles