Ionic-framework: [4.0.0-beta.5] Error while running ionic serve

[simonpeters]

Bug Report

Ionic Info
Run ionic info from a terminal/cmd prompt and paste the output below.

Ionic:

   ionic (Ionic CLI)          : 4.1.1 (/usr/local/lib/node_modules/ionic)
   Ionic Framework            : @ionic/angular 4.0.0-beta.5
   @angular-devkit/core       : 0.7.5
   @angular-devkit/schematics : 0.7.5
   @angular/cli               : 6.1.5
   @ionic/ng-toolkit          : 1.0.7
   @ionic/schematics-angular  : 1.0.5

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 7.1.1
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.2, cordova-plugin-ionic-webview 2.1.0, (and 6 other plugins)

System:

   ios-deploy : 1.9.2
   ios-sim    : 5.0.6
   NodeJS     : v10.8.0 (/usr/local/Cellar/node/10.8.0/bin/node)
   npm        : 6.4.0
   OS         : macOS High Sierra
   Xcode      : Xcode 9.3 Build version 9E145

Describe the Bug
When I run ionic serve I get the following error.

[ng] ℹ ｢wdm｣: wait until bundle finished: /
[ng] Date: 2018-08-28T15:17:39.012Z
[ng] Hash: 970b0c211bd9b67b4707
[ng] Time: 9271ms
[ng] chunk {main} main.js, main.js.map (main) 1.92 kB [initial] [rendered]
[ng] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 678 bytes [initial] [rendered]
[ng] chunk {runtime} runtime.js, runtime.js.map (runtime) 5.22 kB [entry] [rendered]
[ng] chunk {styles} styles.js, styles.js.map (styles) 39 kB [initial] [rendered]
[ng] chunk {vendor} vendor.js, vendor.js.map (vendor) 325 kB [initial] [rendered]
[ng] ERROR in node_modules/@ionic/angular/dist/directives/proxies.d.ts(3,35): error TS1005: ';' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(3,56): error TS1005: '(' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(3,60): error TS1005: ',' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(3,72): error TS1005: '(' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,35): error TS1005: ';' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,55): error TS1005: ';' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,82): error TS1005: '(' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,86): error TS1005: ',' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,104): error TS1005: ',' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,116): error TS1005: ',' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,147): error TS1005: '(' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,151): error TS1005: ',' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,169): error TS1005: ',' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,181): error TS1005: ',' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,193): error TS1005: ',' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,230): error TS1005: '(' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,234): error TS1005: ',' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,252): error TS1005: ',' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,264): error TS1005: ',' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,276): error TS1005: ',' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,288): error TS1005: ',' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,325): error TS1005: '(' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,329): error TS1005: ',' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,360): error TS1005: ',' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,398): error TS1005: '(' expected.
[ng] node_modules/@ionic/angular/dist/directives/proxies.d.ts(4,401): error TS1005: ')' expected.
[ng] node_modules/@ionic/core/dist/types/interface.d.ts(41,42): error TS1005: ';' expected.
[ng] node_modules/@ionic/core/dist/types/interface.d.ts(41,101): error TS1005: ']' expected.
[ng] node_modules/@ionic/core/dist/types/interface.d.ts(41,109): error TS1005: ',' expected.
[ng] node_modules/@ionic/core/dist/types/interface.d.ts(41,110): error TS1136: Property assignment expected.
[ng] ℹ ｢wdm｣: Failed to compile.

Steps to Reproduce
My package.json

{
  "name": "ionic",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/common": "^6.1.4",
    "@angular/core": "^6.1.4",
    "@angular/forms": "^6.1.4",
    "@angular/http": "^6.1.4",
    "@angular/platform-browser": "^6.1.4",
    "@angular/platform-browser-dynamic": "^6.1.4",
    "@angular/router": "^6.1.4",
    "@ionic-native/camera": "^5.0.0-beta.14",
    "@ionic-native/core": "5.0.0-beta.14",
    "@ionic-native/firebase": "^5.0.0-beta.14",
    "@ionic-native/qr-scanner": "5.0.0-beta.14",
    "@ionic-native/splash-screen": "5.0.0-beta.14",
    "@ionic-native/status-bar": "5.0.0-beta.14",
    "@ionic/angular": "4.0.0-beta.5",
    "@ngrx/effects": "^6.1.0",
    "@ngrx/entity": "^6.1.0",
    "@ngrx/store": "^6.1.0",
    "@ngrx/store-devtools": "^6.1.0",
    "@ngx-translate/core": "^10.0.2",
    "@ngx-translate/http-loader": "latest",
    "angularfire2": "^5.0.0-rc.11",
    "cordova-android": "7.1.1",
    "cordova-browser": "^5.0.4",
    "cordova-ios": "4.5.5",
    "cordova-plugin-camera": "^4.0.3",
    "cordova-plugin-device": "^2.0.2",
    "cordova-plugin-firebase": "^1.0.5",
    "cordova-plugin-ionic-keyboard": "^2.1.2",
    "cordova-plugin-ionic-webview": "^2.1.0",
    "cordova-plugin-qrscanner": "^2.6.0",
    "cordova-plugin-splashscreen": "^5.0.2",
    "cordova-plugin-whitelist": "^1.3.3",
    "core-js": "^2.5.3",
    "firebase": "^5.4.1",
    "ngx-qrcode2": "0.0.9",
    "rxjs": "6.2.2",
    "web": "0.0.2",
    "zone.js": "^0.8.26"
  },
  "devDependencies": {
    "@angular-devkit/architect": "^0.7.5",
    "@angular-devkit/build-angular": "^0.7.5",
    "@angular-devkit/core": "^0.7.5",
    "@angular-devkit/schematics": "^0.7.5",
    "@angular/cli": "^6.1.5",
    "@angular/compiler": "^6.1.4",
    "@angular/compiler-cli": "^6.1.4",
    "@angular/language-service": "^6.1.4",
    "@ionic/ng-toolkit": "^1.0.7",
    "@ionic/schematics-angular": "^1.0.0",
    "@ngrx/schematics": "^6.1.0",
    "@types/jasmine": "~2.8.6",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~10.5.2",
    "codelyzer": "~4.4.2",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~3.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.0",
    "karma-jasmine": "~1.1.1",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.11.0",
    "typescript": "~2.7.2"
  },
  "description": "An Ionic project",
  "cordova": {
    "plugins": {
      "cordova-plugin-firebase": {},
      "cordova-plugin-camera": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-webview": {},
      "cordova-plugin-ionic-keyboard": {},
      "cordova-plugin-qrscanner": {}
    },
    "platforms": [
      "browser",
      "ios",
      "android"
    ]
  }
}

This error is happening since I update to ionic beta.5

[fperez-eypscap]

this happened to me, you need to update typescript to 2.9.2

[russcarver]

2.9.2 did the trick. I tried 3.0.1 first but that yielded the error ERROR in The Angular Compiler requires TypeScript >=2.7.2 and <2.10.0 but 3.0.1 was found instead.

[asleepinglion]

Yup, upgrading Typescript to 2.9.2 definitely resolves this problem. Would be great if someone could update the release notes to include the requirement to upgrade to Typescript 2.9.2. We had to fix a few issues within our app to do the upgrade as well since the errors didn't show while we've been locked in to 2.7.2 during our migration to v4.

[brandyscarney]

Thank you for the issue! I've updated our changelog / release tag to include more information on the dependency changes:

Release: https://github.com/ionic-team/ionic/releases/tag/v4.0.0-beta.5
Changelog: https://github.com/ionic-team/ionic/blob/master/CHANGELOG.md#400-beta5-2018-08-27

Please let me know if there is a place I am missing that you refer to. Thank you!

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.