Production build contains await operator (@ionic/core). Brokes down all android < 7.1

[glebmachine]

Bug Report

Ionic Info

Ionic:

   ionic (Ionic CLI)          : 4.0.2
   Ionic Framework            : @ionic/angular 4.0.0-beta.1
   @angular-devkit/core       : 0.7.4
   @angular-devkit/schematics : 0.6.1
   @angular/cli               : 6.1.4
   @ionic/ng-toolkit          : 1.0.6
   @ionic/schematics-angular  : 1.0.5

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 7.1.1, ios 4.5.4

System:

   NodeJS : v10.9.0 (D:\Program Files\nodejs\node.exe)
   npm    : 6.2.0
   OS     : Windows 10

Environment:

   ANDROID_HOME : not set

Describe the Bug
@ionic/core/dist/colleciton/utils/framework contains await operator in production build!

Bad part of it - this files added automatically by ionic/cli, not by developer.

Steps to Reproduce
Steps to reproduce the behavior:

1. Use IonicModule in your angular app
2. Add any stencil component (ion-scroll for example)
3. Run on Android < 7.1.1

Related Code
none

Expected Behavior
All compiled source codes should be transpiled down to es5 ("target": "es5"` in tsconfig.json).
@angular/cli don't transpile js code.

Additional Context
none

[glebmachine]

@dwieeb could you please take a look?

file: @ionic/core/dist/colleciton/utils/framework from stencil output contains non-transpiled async/await.
I'm unable to find how to configure stencil for es5 output.

[manucorporat]

@glebmachine can i see the package.json?

[glebmachine]

@manucorporat Yes, sure, you can find my deps below.

Also, i have recompile ionic/core and async/await is still there:

I tried to find out how to compile Stencil into es5, but i can't find any docs about.

"dependencies": {
    "@angular/animations": "6.1.1",
    "@angular/cdk": "6.4.2",
    "@angular/common": "6.1.1",
    "@angular/compiler": "6.0.6",
    "@angular/core": "6.1.1",
    "@angular/forms": "6.1.1",
    "@angular/http": "6.1.1",
    "@angular/material": "6.4.2",
    "@angular/platform-browser": "6.1.1",
    "@angular/platform-browser-dynamic": "6.1.1",
    "@angular/platform-server": "6.1.1",
    "@angular/pwa": "0.7.2",
    "@angular/router": "6.1.1",
    "@angular/service-worker": "6.1.1",
    "@angularclass/hmr": "2.1.3",
    "@betadigitalproduction/ngx-platform-service": "1.0.7",
    "@betadigitalproduction/ngx-viewport-service": "1.0.2",
    "@biesbjerg/ngx-translate-extract": "^2.3.4",
    "@capacitor/cli": "1.0.0-beta.1",
    "@capacitor/core": "1.0.0-beta.1",
    "@capacitor/ios": "1.0.0-beta.1",
    "@ionic-native/ibeacon": "^4.12.0",
    "@ionic-native/keyboard": "^4.11.0",
    "@ionic/lab": "1.0.9",
    "@ngrx/effects": "v6.0.0-beta.1",
    "@ngrx/router-store": "v6.0.0-beta.1",
    "@ngrx/store": "v6.0.0-beta.1",
    "@ngrx/store-devtools": "v6.0.0-beta.1",
    "@nguniversal/common": "^6.0.0",
    "@nguniversal/express-engine": "6.0.0",
    "@nguniversal/module-map-ngfactory-loader": "^6.0.0",
    "@ngx-meta/core": "^6.0.0-rc.1",
    "@ngx-translate/core": "10.0.2",
    "@ngx-translate/http-loader": "3.0.1",
    "@nrwl/nx": "0.9.1",
    "@sentry/browser": "4.0.0-beta.12",
    "@sentry/node": "4.0.0-beta.12",
    "@types/gsap": "^1.19.2",
    "@types/pixi.js": "^4.7.3",
    "angular-gtag": "^1.0.3",
    "classlist.js": "^1.1.20150312",
    "com.unarin.cordova.beacon": "^3.7.0",
    "contain-cover": "^0.2.1",
    "conversational-form": "hotspurs/conversational-form",
    "cordova-android": "7.1.1",
    "cordova-ios": "4.5.4",
    "cordova-plugin-device": "^2.0.2",
    "cordova-plugin-ibeacon": "^3.7.0",
    "cordova-plugin-inappbrowser": "^3.0.0",
    "cordova-plugin-ionic-keyboard": "^2.0.5",
    "cordova-plugin-ionic-webview": "^2.0.1",
    "cordova-plugin-splashscreen": "^5.0.2",
    "cordova-plugin-statusbar": "2.4.2",
    "cordova-plugin-whitelist": "^1.3.3",
    "cordova-support-google-services": "^1.1.0",
    "core-js": "^2.4.1",
    "css-mediaquery": "^0.1.2",
    "current-device": "^0.7.8",
    "download-file-sync": "1.0.4",
    "element-closest": "^2.0.2",
    "file-loader": "^1.1.11",
    "getviewport": "^0.1.4",
    "gsap": "1.20.4",
    "hammerjs": "^2.0.8",
    "intl": "^1.2.5",
    "iscroll": "^5.2.0",
    "jquery": "^3.3.1",
    "localize-router-http-loader": "1.0.1",
    "localstorage-polyfill": "1.0.1",
    "marquee3000": "1.0.9",
    "memo-decorator": "^1.0.2",
    "messageformat": "^2.0.4",
    "mobile-detect": "^1.4.2",
    "moment": "2.22.2",
    "moment-duration-format": "2.2.2",
    "moment-js": "1.1.15",
    "moment-timezone": "0.5.21",
    "ng-lazyload-image": "^3.4.2",
    "ngx-breadcrumbs": "^0.0.3",
    "ngx-clipboard": "^11.1.1",
    "ngx-cookie-service": "1.0.10",
    "ngx-device-detector": "^1.3.0",
    "ngx-moment": "^3.1.0",
    "ngx-pinch-zoom": "^1.2.0",
    "ngx-swiper-wrapper": "^6.3.0",
    "ngx-translate-messageformat-compiler": "^4.2.0",
    "nprogress": "0.2.0",
    "object-fit-videos": "^1.0.4",
    "observable-input": "^1.0.0",
    "phonegap-plugin-multidex": "^1.0.0",
    "phonegap-plugin-push": "^2.2.3",
    "pixi.js": "^4.8.0",
    "platform": "^1.3.5",
    "raven-js": "3.26.3",
    "rxjs": "6.2.2",
    "rxjs-compat": "6.2.2",
    "scrolling-element": "^1.0.2",
    "scrollmagic": "^2.0.5",
    "stylint": "^1.5.9",
    "stylus": "0.54.5",
    "stylus-loader": "^3.0.2",
    "stylus-mixins": "glebmachine/stylus-mixins",
    "svg-sprite": "^1.3.7",
    "svgxuse": "^1.2.6",
    "swiper": "glebmachine/swiper",
    "tether": "^1.4.4",
    "transformation-matrix-js": "2.7.5",
    "ts-loader": "^4.4.1",
    "typeahead.js": "^0.11.1",
    "typograf": "6.7.2",
    "web-animations-js": "^2.3.1",
    "what-input": "^5.0.5",
    "zone.js": "0.8.26"
  },
  "resolutions": {
    "swiper": "glebmachine/swiper"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "0.7.4",
    "@angular-devkit/build-ng-packagr": "0.7.4",
    "@angular-devkit/core": "0.7.4",
    "@angular/cli": "6.1.4",
    "@angular/compiler": "6.1.1",
    "@angular/compiler-cli": "6.1.3",
    "@angular/language-service": "6.1.3",
    "@ionic-native/core": "5.0.0-beta.14",
    "@ionic-native/push": "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.1",
    "@ionic/ng-toolkit": "1.0.6",
    "@ionic/pro": "2.0.3",
    "@ionic/schematics-angular": "1.0.5",
    "@nrwl/schematics": "0.9.1",
    "@storybook/addon-actions": "^3.3.14",
    "@storybook/addon-knobs": "3.3.14",
    "@storybook/addon-viewport": "3.3.14",
    "@storybook/angular": "3.3.14",
    "@types/jasmine": "~2.5.53",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "@types/proj4": "2.3.4",
    "@types/tether": "^1.4.3",
    "@types/typeahead": "^0.11.32",
    "babel-core": "^6.26.0",
    "codelyzer": "^4.3.0",
    "dotenv": "^4.0.0",
    "express": "^4.16.3",
    "extract-text-webpack-plugin": "^3.0.2",
    "gulp": "^3.9.1",
    "gulp-exec": "^3.0.1",
    "gulp-json-editor": "^2.2.1",
    "gulp-rename": "^1.2.2",
    "gulp-yaml": "^1.0.1",
    "http-proxy-middleware": "0.17.4",
    "imports-loader": "^0.8.0",
    "ionic": "4.0.2",
    "jasmine-core": "~2.8.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~2.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "karma-junit-reporter": "^1.2.0",
    "karma-phantomjs-launcher": "^1.0.4",
    "ng-packagr": "^3.0.0-rc.2",
    "ngx-translate-extract": "^1.0.0",
    "node-static": "^0.7.10",
    "npm-run-all": "^4.1.3",
    "prettier": "1.10.2",
    "protractor": "~5.1.2",
    "remotedebug-ios-webkit-adapter": "0.2.2",
    "rxjs-tslint": "^0.1.5",
    "script-loader": "^0.7.2",
    "swagger-ui": "^3.9.2",
    "ts-node": "~4.1.0",
    "tsickle": ">=0.25.5",
    "tslib": "^1.7.1",
    "tslint": "~5.11.0",
    "tslint-eslint-rules": "^5.4.0",
    "tslint-sonarts": "1.8.0",
    "typescript": "2.9.1",
    "webpack-bundle-analyzer": "2.13.1",
    "webpack-cli": "^3.0.8"
  },

[manucorporat]

Can you share the whole package.json please? I am not looking at the deps :)

[glebmachine]

{
  "name": "svo",
  "version": "1.0.0",
  "author": "Beta Digital Production <hi@betaagency.ru> (http://betaagency.ru/)",
  "scripts": {
    "ng": "ng",
    "prestart": "yarn && gulp swagger && npm run svg-sprite",
    "start": "npm run start:website",
    "extract-translations": "node extract-translations.js",
    "svg-sprite": "svg-sprite --config libs/svg-sprites/sprite-config.json libs/svg-sprites/icons/*.svg",
    "start:website": "node --max_old_space_size=4096 ./node_modules/.bin/ng run website:serve --proxy-config proxy.conf.js --hmr --configuration=hmr --host 0.0.0.0",
    "start:pwa": "./static-server.js",
    "start:pwa:build": "ng build --configuration=pwa --delete-output-path=false --watch",
    "start:swagger": "gulp watch",
    "prebuild": "npm run packages && npm run libs",
    "build": "npm run build:swagger && npm run build:website:release && npm run build:website",
    "build:swagger": "gulp swagger",
    "build:website:release": "echo \"export const release = '${RELEASE}';\" > apps/website/src/environments/release.ts",
    "build:website": "node --max_old_space_size=4096 ./node_modules/.bin/ng run website:build:production && cp nginx-sakura3.conf.tpl dist/apps/website && cp -r packages/oldbrowsers/ dist/apps/website/",
    "build:website:development": "ng run website:build",
    "build:server": "ng run website:server:development --delete-output-path=false",
    "build:node": "cd apps/website && webpack-cli",
    "-build:pwa:manifest": "ngsw-config dist/apps/website apps/website/src/ngsw-config.json /",
    "-build:proxy": "./build.sh",
    "node": "npm-run-all --parallel node:client node:server node:build node:run",
    "node:only": "npm-run-all --parallel node:server node:build node:run",
    "node:client": "ng run website:build --delete-output-path=false --watch",
    "node:server": "ng run website:server:development --delete-output-path=false --watch",
    "node:build": "cd apps/website && webpack-cli --verbose --progress --watch",
    "node:run": "nodemon --inspect dist/apps/server/server.js",
    "libs": "run-p libs:*",
    "libs:wysiwyg": "cd libs/stylus && yarn && npm run build",
    "libs:fonts": "cd libs/fonts && yarn && npm run build",
    "publish:ionic": "run-s publish:ionic:*",
    "publish:ionic:clear": "rm -rf apps/ionic/www && rm -rf apps/ionic/resources",
    "-publish:ionic:build": "ng run app:ionic-cordova-build --platform=android",
    "publish:ionic:artifacts": "cp -R www apps/ionic/",
    "publish:ionic:resources": "cp -R resources apps/ionic/",
    "publish:ionic:settings": "cp -R config.xml apps/ionic/",
    "publish:ionic:config.xml": "cp -R config.xml apps/ionic/",
    "-publish:ionic:config.ionic": "cp -R ionic.config.json apps/ionic/",
    "publish:ionic:autocommit": "COMMITMSG=\"$(git log -1 --pretty=%B)\"; cd apps/ionic; git add .; git commit -m \"${COMMITMSG[@]}\"; git push origin master;",
    "-ionic:test": "COMMITMSG=\"$(git log -1 --pretty=%B)\"; cd apps/ionic; echo $COMMITMSG",
    "packages": "run-p packages:*",
    "packages:map": "cd packages/map && yarn && npm run build",
    "packages:ngx-moment": "cd packages/ngx-moment && yarn && npm run build && rm -rf node_modules;",
    "test": "ng run website:test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "proxy": "mitmproxy -R http://5.200.63.210:9292/ -p 9292",
    "bundle-report": "webpack-bundle-analyzer dist/apps/website/stats.json",
    "xcode": "open platforms/ios/SVO.xcworkspace",
    "ionic:devapp": "ionic cordova run ios -l --project=devapp",
    "share:android": "static -a 0.0.0.0 ./platforms/android/app/build/outputs/apk/debug/app-debug.apk",
    "debugging-ios": "remotedebug_ios_webkit_adapter --port=9000",
    "-postinstall": "npm run submodule",
    "submodule": "git submodule init && git submodule update"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "6.1.1",
    "@angular/cdk": "6.4.2",
    "@angular/common": "6.1.1",
    "@angular/compiler": "6.0.6",
    "@angular/core": "6.1.1",
    "@angular/forms": "6.1.1",
    "@angular/http": "6.1.1",
    "@angular/material": "6.4.2",
    "@angular/platform-browser": "6.1.1",
    "@angular/platform-browser-dynamic": "6.1.1",
    "@angular/platform-server": "6.1.1",
    "@angular/pwa": "0.7.2",
    "@angular/router": "6.1.1",
    "@angular/service-worker": "6.1.1",
    "@angularclass/hmr": "2.1.3",
    "@betadigitalproduction/ngx-platform-service": "1.0.7",
    "@betadigitalproduction/ngx-viewport-service": "1.0.2",
    "@biesbjerg/ngx-translate-extract": "^2.3.4",
    "@capacitor/cli": "1.0.0-beta.1",
    "@capacitor/core": "1.0.0-beta.1",
    "@capacitor/ios": "1.0.0-beta.1",
    "@ionic-native/ibeacon": "^4.12.0",
    "@ionic-native/keyboard": "^4.11.0",
    "@ionic/lab": "1.0.9",
    "@ngrx/effects": "v6.0.0-beta.1",
    "@ngrx/router-store": "v6.0.0-beta.1",
    "@ngrx/store": "v6.0.0-beta.1",
    "@ngrx/store-devtools": "v6.0.0-beta.1",
    "@nguniversal/common": "^6.0.0",
    "@nguniversal/express-engine": "6.0.0",
    "@nguniversal/module-map-ngfactory-loader": "^6.0.0",
    "@ngx-meta/core": "^6.0.0-rc.1",
    "@ngx-translate/core": "10.0.2",
    "@ngx-translate/http-loader": "3.0.1",
    "@nrwl/nx": "0.9.1",
    "@sentry/browser": "4.0.0-beta.12",
    "@sentry/node": "4.0.0-beta.12",
    "@types/gsap": "^1.19.2",
    "@types/pixi.js": "^4.7.3",
    "angular-gtag": "^1.0.3",
    "classlist.js": "^1.1.20150312",
    "com.unarin.cordova.beacon": "^3.7.0",
    "contain-cover": "^0.2.1",
    "conversational-form": "hotspurs/conversational-form",
    "cordova-android": "7.1.1",
    "cordova-ios": "4.5.4",
    "cordova-plugin-device": "^2.0.2",
    "cordova-plugin-ibeacon": "^3.7.0",
    "cordova-plugin-inappbrowser": "^3.0.0",
    "cordova-plugin-ionic-keyboard": "^2.0.5",
    "cordova-plugin-ionic-webview": "^2.0.1",
    "cordova-plugin-splashscreen": "^5.0.2",
    "cordova-plugin-statusbar": "2.4.2",
    "cordova-plugin-whitelist": "^1.3.3",
    "cordova-support-google-services": "^1.1.0",
    "core-js": "^2.4.1",
    "css-mediaquery": "^0.1.2",
    "current-device": "^0.7.8",
    "download-file-sync": "1.0.4",
    "element-closest": "^2.0.2",
    "file-loader": "^1.1.11",
    "getviewport": "^0.1.4",
    "gsap": "1.20.4",
    "hammerjs": "^2.0.8",
    "intl": "^1.2.5",
    "iscroll": "^5.2.0",
    "jquery": "^3.3.1",
    "localize-router-http-loader": "1.0.1",
    "localstorage-polyfill": "1.0.1",
    "marquee3000": "1.0.9",
    "memo-decorator": "^1.0.2",
    "messageformat": "^2.0.4",
    "mobile-detect": "^1.4.2",
    "moment": "2.22.2",
    "moment-duration-format": "2.2.2",
    "moment-js": "1.1.15",
    "moment-timezone": "0.5.21",
    "ng-lazyload-image": "^3.4.2",
    "ngx-breadcrumbs": "^0.0.3",
    "ngx-clipboard": "^11.1.1",
    "ngx-cookie-service": "1.0.10",
    "ngx-device-detector": "^1.3.0",
    "ngx-moment": "^3.1.0",
    "ngx-pinch-zoom": "^1.2.0",
    "ngx-swiper-wrapper": "^6.3.0",
    "ngx-translate-messageformat-compiler": "^4.2.0",
    "nprogress": "0.2.0",
    "object-fit-videos": "^1.0.4",
    "observable-input": "^1.0.0",
    "phonegap-plugin-multidex": "^1.0.0",
    "phonegap-plugin-push": "^2.2.3",
    "pixi.js": "^4.8.0",
    "platform": "^1.3.5",
    "raven-js": "3.26.3",
    "rxjs": "6.2.2",
    "rxjs-compat": "6.2.2",
    "scrolling-element": "^1.0.2",
    "scrollmagic": "^2.0.5",
    "stylint": "^1.5.9",
    "stylus": "0.54.5",
    "stylus-loader": "^3.0.2",
    "stylus-mixins": "glebmachine/stylus-mixins",
    "svg-sprite": "^1.3.7",
    "svgxuse": "^1.2.6",
    "swiper": "glebmachine/swiper",
    "tether": "^1.4.4",
    "transformation-matrix-js": "2.7.5",
    "ts-loader": "^4.4.1",
    "typeahead.js": "^0.11.1",
    "typograf": "6.7.2",
    "web-animations-js": "^2.3.1",
    "what-input": "^5.0.5",
    "zone.js": "0.8.26"
  },
  "resolutions": {
    "swiper": "glebmachine/swiper"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "0.7.4",
    "@angular-devkit/build-ng-packagr": "0.7.4",
    "@angular-devkit/core": "0.7.4",
    "@angular/cli": "6.1.4",
    "@angular/compiler": "6.1.1",
    "@angular/compiler-cli": "6.1.3",
    "@angular/language-service": "6.1.3",
    "@ionic-native/core": "5.0.0-beta.14",
    "@ionic-native/push": "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.1",
    "@ionic/ng-toolkit": "1.0.6",
    "@ionic/pro": "2.0.3",
    "@ionic/schematics-angular": "1.0.5",
    "@nrwl/schematics": "0.9.1",
    "@storybook/addon-actions": "^3.3.14",
    "@storybook/addon-knobs": "3.3.14",
    "@storybook/addon-viewport": "3.3.14",
    "@storybook/angular": "3.3.14",
    "@types/jasmine": "~2.5.53",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "@types/proj4": "2.3.4",
    "@types/tether": "^1.4.3",
    "@types/typeahead": "^0.11.32",
    "babel-core": "^6.26.0",
    "codelyzer": "^4.3.0",
    "dotenv": "^4.0.0",
    "express": "^4.16.3",
    "extract-text-webpack-plugin": "^3.0.2",
    "gulp": "^3.9.1",
    "gulp-exec": "^3.0.1",
    "gulp-json-editor": "^2.2.1",
    "gulp-rename": "^1.2.2",
    "gulp-yaml": "^1.0.1",
    "http-proxy-middleware": "0.17.4",
    "imports-loader": "^0.8.0",
    "ionic": "4.0.2",
    "jasmine-core": "~2.8.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~2.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "karma-junit-reporter": "^1.2.0",
    "karma-phantomjs-launcher": "^1.0.4",
    "ng-packagr": "^3.0.0-rc.2",
    "ngx-translate-extract": "^1.0.0",
    "node-static": "^0.7.10",
    "npm-run-all": "^4.1.3",
    "prettier": "1.10.2",
    "protractor": "~5.1.2",
    "remotedebug-ios-webkit-adapter": "0.2.2",
    "rxjs-tslint": "^0.1.5",
    "script-loader": "^0.7.2",
    "swagger-ui": "^3.9.2",
    "ts-node": "~4.1.0",
    "tsickle": ">=0.25.5",
    "tslib": "^1.7.1",
    "tslint": "~5.11.0",
    "tslint-eslint-rules": "^5.4.0",
    "tslint-sonarts": "1.8.0",
    "typescript": "2.9.1",
    "webpack-bundle-analyzer": "2.13.1",
    "webpack-cli": "^3.0.8"
  },
  "browserslist": [
    "> 1%",
    "IE 10"
  ],
  "cordova": {
    "platforms": [
      "ios",
      "android"
    ],
    "plugins": {
      "cordova-plugin-whitelist": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-webview": {},
      "cordova-plugin-ionic-keyboard": {},
      "cordova-plugin-inappbrowser": {},
      "com.unarin.cordova.beacon": {},
      "phonegap-plugin-push": {
        "ANDROID_SUPPORT_V13_VERSION": "27.+",
        "FCM_VERSION": "11.6.2"
      },
      "cordova-plugin-statusbar": {}
    }
  }
}

[manucorporat]

Thanks! can you update to latest 4.0.0-beta.11?

[glebmachine]

Omw, trying

[glebmachine]

Yep, it works (after update @ionic/angular up to 4.0.0-beta.11)

But, got new errors in @ionic-native/push, described here:
danielsogl/awesome-cordova-plugins#2737

[manucorporat]

Nice! going to close this issue, and continue tracking the ionic-native/push one in the other repo, thanks for reporting the issue!