question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

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

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

21reactions
fperez-eypscapcommented, Aug 28, 2018

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

4reactions
russcarvercommented, Aug 28, 2018

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.

Read more comments on GitHub >

github_iconTop Results From Across the Web

[4.0.0-beta.5] Error while running ionic serve #15360 - GitHub
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 ...
Read more >
Jest/Ionic 4 beta - import { Platform } from '@ionic/angular ...
In this case the ionic imports needs to be preprocessed but normally is ignored via the transformIgnorePatterns . But this is half the...
Read more >
Problems with Ionic 4 beta
Here are some of the issues I'm experiencing: ionic serve NEVER renders a project on first run (always receive a Failed to compile...
Read more >
ionic-logging-service - npm
The logger name describe the place where in your app the class is placed. The single parts are separated by dots ('.'). This...
Read more >
Troubleshoot - Ionic 5 Full Starter App
Google plus plugin - GooglePlus.java:151: error: cannot access AbstractSafeParcelable.addApi(Auth.GOOGLE_SIGN_IN_API, gso.build()).
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found