Polyfills not created after update to beta 7 [resolved]

Ionic Framework ionic-v3
1

Hello

I just updated to ionic beta 7 and when I do ionic serve I got a blank page and a console error : app.bundle.js:31677 Uncaught reflect-metadata shim is required when using class decorators. Indeed the polyfills file isn’t created. Any idea why and how I can resolve that ?

Package.json

    {
      "dependencies": {
        "@angular/common": "2.0.0-rc.1",
        "@angular/compiler": "2.0.0-rc.1",
        "@angular/core": "2.0.0-rc.1",
        "@angular/platform-browser": "2.0.0-rc.1",
        "@angular/platform-browser-dynamic": "2.0.0-rc.1",
        "@angular/platform-server": "2.0.0-rc.1",
        "@angular/http": "2.0.0-rc.1",
        "@angular/router": "2.0.0-rc.1",
        "es6-promise": "3.1.2",
        "es6-shim": "^0.35.0",
        "ionic-angular": "2.0.0-beta.7",
        "ionic-native": "^1.2.1",
        "ionicons": "3.0.0",
        "reflect-metadata": "0.1.3",
        "rxjs": "5.0.0-beta.6",
        "zone.js": "0.6.12"
      },
      "devDependencies": {
        "del": "2.2.0",
        "gulp": "3.9.1",
        "gulp-watch": "4.3.5",
        "ionic-gulp-browserify-typescript": "^1.1.0",
        "ionic-gulp-fonts-copy": "^1.0.0",
        "ionic-gulp-html-copy": "^1.0.0",
        "ionic-gulp-sass-build": "^1.0.0",
        "ionic-gulp-scripts-copy": "^2.0.0",
        "run-sequence": "1.1.5"
      },
      "cordovaPlugins": [
        "cordova-plugin-device",
        "cordova-plugin-console",
        "cordova-plugin-whitelist",
        "cordova-plugin-splashscreen",
        "cordova-plugin-statusbar",
        "ionic-plugin-keyboard",
        "cordova-sqlite-storage",
        {
          "locator": "https://github.com/Telerik-Verified-Plugins/NativePageTransitions#0.6.2",
          "id": "com.telerik.plugins.nativepagetransitions"
        },
        "add",
        "cordova-plugin-googlemaps",
        {
          "variables": {
            "API_KEY_FOR_ANDROID": "AIzaSyAWy3YL6w2FC_wpc1tCcox0Tl-36g0QK3M",
            "API_KEY_FOR_IOS": "AIzaSyAO8CoQkMRVA_CjyCWXd5M3RrcMwzx43lw"
          },
          "locator": "cordova-plugin-googlemaps",
          "id": "plugin.google.maps"
        },
        "cordova-plugin-network-information",
        "cordova-plugin-inappbrowser",
        "cordova-plugin-x-socialsharing"
      ],
      "cordovaPlatforms": [
        "ios"
      ],
      "name": "xxxx",
      "description": "xxxx: An Ionic project"
    }

ionic info

Cordova CLI: 6.1.1
Ionic Framework Version: 2.0.0-beta.7
Ionic CLI Version: 2.0.0-beta.25
Ionic App Lib Version: 2.0.0-beta.15
ios-deploy version: 1.8.6 
ios-sim version: 4.1.1 
OS: Mac OS X El Capitan
Node Version: v4.4.2
Xcode version: Xcode 7.3.1 Build version 7D1014
2

I resolved the issue including this in index.html:

  <script src="build/js/zone.js"></script>
  <script src="build/js/Reflect.js"></script>
3

It actually says remove polyfills and add the zone and Reflect script in the changelog over here (underneath the bug fixes section). If you’re migrating, make sure you follow the steps provided :-).