I just upgraded my project to beta.4 and I faced the same problem. It turned out that I missed one update in the index.html (which I found out thanks to this post). Here are the updates that you need to perform in order to upgrade to beta.4:
- Update the Ionic CLI to the latest version:
npm install -g ionic@beta
-
Copy the appropriate
gulpfile.jsto your project (for TS or for JS). -
Update your
package.jsonusing the one inionic2-base-appas reference (for TS or for JS). -
Add
angular2-polyfill.jsbeforeapp.bundle.jsin theindex.htmlfile:
<!-- Zone.js and Reflect-metadata -->
<script src="build/js/angular2-polyfills.js"></script>
<!-- the bundle which is built from the app's source code -->
<script src="build/js/app.bundle.js"></script>
- Import
es6-shiminapp.ts/app.js, i.e. add the following line at the top:
import 'es6-shim';
-
Remove the following files:
ionic.config.js,ionic.projectandwebpack.config.js. -
Create a
ionic.config.jsonfile using this one as a reference and update it accordingly. -
From inside of your project’s folder run
npm installto install the new packages. -
If you’re using a release of Ionic framework older than
beta.3in your project you also need to change the imports in all .ts/.js files fromionic-frameworktoionic-angular.
NOTE: Depending on the version of the Ionic-CLI that you were using when you created your project some of the steps might be not needed (i.e. already completed).
EDIT:
[2016-04-11]Added 2 additional steps suggested by @beachy.