Signup for the Ionic Newsletter to get the latest news and updates!

  • http://javebratt.com Jorge Vergara

    It’s amazing how fast things evolve with Ionic 🙂

  • Mirko Nasato

    Yay for Webpack!

  • radoo

    Great. I was waiting for this.
    But… the example package.json referenced in the post has the
    “@ionic/app-scripts”: “^0.0.33”,
    devDependency, which should not be taken, as the actual app-scripts package was brought to 0.0.34

    • Brandy Carney

      Thanks! It’s been updated now. 🙂

  • Francisco García

    When I´ve executed “sudo npm install -g ionic” I´ve received an error. (you can see the error in screenshot link https://dl.dropboxusercontent.com/u/960415/error.png)
    I´ve tried doing first ” sudo npm uninstall -g ionic” but installing is failing. What can I do? now I can work ?

    • Francisco García

      it was node version.. there is a bug with 4.4.5. Node.js core where the UID for nobody on OS X, which is -2 converted to an unsigned integer. I updated to 4.6 and now all is working fine ..

  • lannierose

    Great update!
    1. I can debug in Chrome again, the /pages/*.ts files show up
    2. ionic serve live reload builds much faster and it isn’t crapping out every 5 minutes
    Hint: Updating caused much grief as you can see in the forum, so I generated a new app and copied over my source files. Easy-peasy!

    • http://www.barayuda.web.id Barayuda Gautama

      extremely agree! 😀 thanks for hint btw..

  • Scott Wittrock

    Great updates! Thanks for the walk through. Build times are so much faster now.

  • KingOfMyRoom

    Surprisingly, my build and watch with rc0 are faster compared to rc1. In rc0, I’m using app-scripts v0.0.30 and in rc1 I’m with app-scripts v0.0.34

    I’ve updated ionic cli with npm install -g ionic with no better results. In rc0, ionic serve shows me a the total time between 27,7 to 48,32s. And in rc1, I end up with 45,5 to 80,69s!

    And the transpile in rc1 is much stricter. I’ve some firebase json data
    which is not used in the app but the compilation fails because it’s not
    in proper typescript format?!? I never had such issues in beta 11 or rc0 with this.

  • KingOfMyRoom

    Surprisingly, my build and watch with rc0 are faster compared to rc1. In rc0, I’m using app-scripts v0.0.30 and in rc1 I’m with app-scripts v0.0.34

    I’ve updated ionic cli with npm install -g ionic with no better results. In rc0, ionic serve shows me a the total time between 27,7 to 48,32s. And in rc1, I end up with 45,5 to 80,69s!

    And the transpile in rc1 is much stricter. I’ve some firebase json data
    which is not used in the app but the compilation fails because it’s not
    in proper typescript format?!? I never had such issues in beta 11 or even rc0 with this.

    https://uploads.disquscdn.com/images/d786ed51560a98683a2327b3bd49ef84787b18a798f849bca8abe8176d171774.png

    • Justin Willis

      Hello, thanks for the feedback! Would you mind installing the latest version of app-scripts with `npm install @[email protected] –save-dev`. v0.0.36 is the latest release and includes some fixes to make the build faster. On the second issue regarding the firebase json data, are you seeing this in dev builds or prod builds? And just a note, TypeScript would be the tool throwing the error there and not Ionic. We do not have direct control over what TypeScript throws errors on, unfortunately. Also, could you post the JSON that is causing TypeScript to throw?

      • KingOfMyRoom

        Hi Justin, Sorry I had missed the answer. Things are much better now.
        I’ve just upgraded to rc3 and app-script .v0.0.45 and it’s just
        perfect. I love the error reporting feature.

  • http://reactor.apppresser.com/ Scott Bolinger

    +1 on webpack, I’m having issues with rollup and it would be great to have an alternative.

  • Ron Farko

    Thanks for the update. Just a question. Is there a reason that PayPal plugin is part of default build?!
    You can try by creating a starter project (ionic start test tutorial –v2), run “ionic serve” then look at the www/build/main.js. you can see many references to the PayPal plugins.
    How can I remove this? I don’t even see it in the dependencies!

    • yesimahuman

      This is part of the ionic native package. Right now it’s not tree shaking so you’re getting the whole bundle. However, it’s not a lot of code so it can be safely ignored

  • Julio Cesar Rodrigues

    Great work!!! now I can debug again
    good job! thx!

  • Gaurav Madaan

    Thanks. Great that we are switching back to webpack but not sure why the decision is changed so soon. Rollup got introduced and we are bidding good bye so soon.

    Great for now we can add angular dependencies in app’s package.json and can debug again. 🙂

  • Corey Quillen

    Switching to Webpack sounds like a good idea. If for nothing else, to be consistent with Angular-CLI. I’m using Ionic for mobile and Angular-CLI for desktop as many people probably are. And the fewer build systems to learn, the better.

  • http://www.amsolutions.com.ve/ Miguel Costero

    You should switch to webpack, it’s the best you can do.

  • azolyoung

    amazing! thank you guys!

  • queejie

    I wish updating were as simple as it sounds, or appears to be for others. After updating I get hundreds of errors like the one below and a final “transpile failed”. I don’t have a clue where to begin to try fixing it. I started with a fresh install of the conference app with RC.0. I’m not aware of doing anything unusual in my app configuration.

    [13:05:47] typescript: node_modules/zone.js/lib/zone.ts, line: 1096
    Class ‘ZoneAwarePromise’ incorrectly implements interface ‘Promise’. Property ‘[Symbol.toStringTag]’
    is missing in type ‘ZoneAwarePromise’.

    [13:05:47] typescript: src/app/main.dev.ts, line: 1
    Cannot find module ‘@angular/platform-browser-dynamic’.

    [13:05:47] typescript: src/providers/session.ts, line: 4
    Cannot find module ‘@angular/http’.

  • applicted

    I did the same as @lannierose:disqus . I reinstall the cli. I create a new fresh app. I add my files, and i compare files and debug compiled errors step by step. It worked on device with crosswalk (androïd 4.1 ^^) and it is really faster on device and on webbrowser. But the watcher is slower. 10 seconds to update main.js on save…

    EDIT : I stick to RC0 for now. Waiting for release now.

  • http://www.barayuda.web.id Barayuda Gautama

    hope, simple update from beta – rc -> to stable 🙂

  • Biing Yan

    After I upgrade to this, I failed to execute ionic run android, but it has no problem to run ionic serve. It always show the error below.

    [15:18:28] Error: Error at C:/bylim/Projects/apps/servprovider/.tmp/pages/profileview/profileview.ngfactory.ts:25:27
    [15:18:28] Cannot find module ‘../../node_modules/ionic-angular/components/toolbar/toolbar-item.ngfactory’.
    [15:18:28] Error at C:/bylim/Projects/apps/servprovider/.tmp/pages/biz/biz.ngfactory.ts:24:27
    [15:18:28] Cannot find module ‘../../node_modules/ionic-angular/components/toolbar/toolbar-item.ngfactory’.
    [15:18:28] ngc failed
    [15:18:28] ionic-app-script task: “build”
    [15:18:28] Error: Error

    Anybody know what is this error about?

    • Biing Yan

      After I remove the char ^ for few package in package.json. It fixed

      • Robert Sasak

        Hey, I have the same issue. It only occurs when I use in my template. Can you please post your package.json ?

        • Biing Yan

          Here you go

          “dependencies”: {
          “@angular/common”: “2.0.1”,
          “@angular/compiler”: “2.0.0”,
          “@angular/compiler-cli”: “0.6.2”,
          “@angular/core”: “2.0.1”,
          “@angular/forms”: “2.0.0”,
          “@angular/http”: “2.0.0”,
          “@angular/platform-browser”: “2.0.1”,
          “@angular/platform-browser-dynamic”: “2.0.0”,
          “@angular/platform-server”: “2.0.0”,
          “@ionic/storage”: “1.0.3”,
          “@angular/router”: “3.0.1”,
          “ionic-angular”: “2.0.0-rc.1”,
          “ionic-native”: “2.2.3”,
          “ionicons”: “3.0.0”,
          “rxjs”: “5.0.0-beta.12”,
          “zone.js”: “0.6.21”,
          “cordova-plugin-camera”: “^2.3.0”,
          “cordova-plugin-file”: “^4.3.0”,
          “es6-promise”: “^4.0.4”,
          “es6-shim”: “^0.35.1”,
          “graceful-fs”: “^4.1.9”,
          “minimatch”: “^3.0.3”,
          “ng2-translate”: “^3.1.0”,
          “reflect-metadata”: “^0.1.8”,
          “rxjs-es”: “^5.0.0-beta.12”,
          “webpack”: “^1.13.2”
          }

  • Frank Paepens

    Great work! But…
    Debugging works in chrome after running “Ionic serve”.
    But then, after making a change the live reload process starts and then debugging is not working anymore: not all .ts files are visible anymore & you can’t watch new variables that were introduced.
    Are other people experioncing the same?

    • applicted

      Yes. console.log o/ It feels like php…

    • Frank Paepens

      Did some further investigation…
      If I kill the “Ionic serve” process and then restart it, then the debugging works again.
      (the live reload also seems to be slower then before)

  • Riccardo Barbi

    hi,
    we’ve a problem with node-sass when installling npm package.json:

    Start downloading binary at https://github.com/sass/node-sass/releases/download/v3.9.3/win32-x64-51_binding.node
    Cannot download “https://github.com/sass/node-sass/releases/download/v3.9.3/win32-x64-51_binding.node”: ode:

    how we can solve it?

    thanks