Type 'ElementRef' is not generic on plyr.component.d.ts.

[jayypluss]

I'm using Ionic 3 (angular) and I know it's meant for Angular 6+ and I'm using Angular 5 in my project but I can't update the Angular version right now and I'd like to use Plyr with ngx-plyr, but I'm getting this error on running ionic cordova run android:

is there a possible workaround for this?

ionic info

package.json

{
  "name": "konviva",
  "version": "0.0.1",
  "author": "Ilog Team",
  "homepage": "http://ilog.com.br/",
  "private": true,
  "scripts": {
    "start": "ionic-app-scripts serve",
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build:before": "node ./config/env-script.js",
    "ionic:watch:before": "node ./config/env-script.js"
  },
  "dependencies": {
    "@angular/animations": "5.2.11",
    "@angular/common": "5.2.11",
    "@angular/compiler": "5.2.11",
    "@angular/compiler-cli": "5.2.11",
    "@angular/core": "5.2.11",
    "@angular/forms": "5.2.11",
    "@angular/http": "5.2.11",
    "@angular/platform-browser": "5.2.11",
    "@angular/platform-browser-dynamic": "5.2.11",
    "@ionic-native/app-version": "4.20.0",
    "@ionic-native/background-mode": "^4.20.0",
    "@ionic-native/badge": "^4.20.0",
    "@ionic-native/camera": "4.3.3",
    "@ionic-native/core": "~4.17.0",
    "@ionic-native/file": "^4.20.0",
    "@ionic-native/file-opener": "^4.20.0",
    "@ionic-native/file-transfer": "^4.20.0",
    "@ionic-native/httpd": "^4.20.0",
    "@ionic-native/in-app-browser": "^4.18.0",
    "@ionic-native/local-notifications": "^4.20.0",
    "@ionic-native/media": "^4.20.0",
    "@ionic-native/native-audio": "^4.20.0",
    "@ionic-native/network": "^4.19.0",
    "@ionic-native/qr-scanner": "^4.19.0",
    "@ionic-native/screen-orientation": "^4.20.0",
    "@ionic-native/spinner-dialog": "^4.18.0",
    "@ionic-native/splash-screen": "~4.17.0",
    "@ionic-native/sqlite": "^4.20.0",
    "@ionic-native/status-bar": "~4.15.0",
    "@ionic-native/youtube-video-player": "^4.20.0",
    "@ionic-native/zip": "^4.20.0",
    "@ionic/storage": "2.2.0",
    "@ngx-translate/core": "8.0.0",
    "@ngx-translate/http-loader": "^2.0.0",
    "apk": "1.2.0",
    "build": "0.1.4",
    "cordova-android": "7.1.4",
    "cordova-ios": "5.0.0",
    "cordova-plugin-add-swift-support": "^2.0.2",
    "cordova-plugin-app-version": "^0.1.9",
    "cordova-plugin-background-mode": "git+https://github.com/iowayankee/cordova-plugin-background-mode.git",
    "cordova-plugin-badge": "^0.8.8",
    "cordova-plugin-device": "^2.0.3",
    "cordova-plugin-file": "^6.0.1",
    "cordova-plugin-file-opener2": "^2.2.0",
    "cordova-plugin-file-transfer": "^1.7.1",
    "cordova-plugin-httpd": "^0.9.3",
    "cordova-plugin-inappbrowser": "git+https://github.com/apache/cordova-plugin-inappbrowser.git",
    "cordova-plugin-ionic-keyboard": "^2.1.3",
    "cordova-plugin-ionic-webview": "4.1.0",
    "cordova-plugin-local-notification": "^0.9.0-beta.2",
    "cordova-plugin-media": "^5.0.2",
    "cordova-plugin-native-spinner": "^1.1.3",
    "cordova-plugin-nativeaudio": "^3.0.9",
    "cordova-plugin-network-information": "^2.0.2",
    "cordova-plugin-qrscanner": "^3.0.1",
    "cordova-plugin-screen-orientation": "^3.0.1",
    "cordova-plugin-splashscreen": "^5.0.3",
    "cordova-plugin-statusbar": "^2.4.3",
    "cordova-plugin-whitelist": "^1.3.4",
    "cordova-plugin-youtube-video-player": "2.3.0",
    "cordova-plugin-zip": "^3.1.0",
    "cordova-sqlite-storage": "^2.6.0",
    "es6-promise-plugin": "^4.2.2",
    "ionic-angular": "3.9.2",
    "ionic-audio": "^3.2.0",
    "ionic-image-loader": "4.2.1",
    "ionic-long-press": "^1.5.0",
    "ionicons": "3.0.0",
    "js-sha1": "^0.6.0",
    "ng-circle-progress": "1.0.0",
    "ngx-plyr": "^3.0.1",
    "ngx-youtube-player": "^7.1.1",
    "plyr": "^3.5 .6",
    "rxjs": "5.5.11",
    "sha1": "^1.1.1",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.26"
  },
  "devDependencies": {
    "@fortawesome/fontawesome-free": "^5.8.1",
    "@ionic/app-scripts": "^3.2.2-201901242027-201901242027",
    "typescript": "~2.6.2"
  },
  "description": "An Ionic project",
  "cordova": {
    "plugins": {
      "cordova-plugin-statusbar": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-native-spinner": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-network-information": {},
      "cordova-plugin-qrscanner": {},
      "cordova-plugin-inappbrowser": {},
      "cordova-plugin-ionic-keyboard": {},
      "cordova-plugin-httpd": {},
      "cordova-plugin-file-transfer": {},
      "cordova-plugin-file": {},
      "cordova-sqlite-storage": {},
      "cordova-plugin-file-opener2": {
        "ANDROID_SUPPORT_V4_VERSION": "27.+"
      },
      "cordova-plugin-zip": {},
      "cordova-plugin-nativeaudio": {},
      "cordova-plugin-app-version": {},
      "cordova-plugin-background-mode": {},
      "cordova-plugin-add-swift-support": {},
      "cordova-plugin-badge": {},
      "cordova-plugin-local-notification": {},
      "cordova-plugin-media": {
        "KEEP_AVAUDIOSESSION_ALWAYS_ACTIVE": "NO"
      },
      "cordova-plugin-screen-orientation": {},
      "cordova-plugin-ionic-webview": {
        "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
      },
      "cordova-plugin-youtube-video-player": {}
    },
    "platforms": [
      "android",
      "ios"
    ]
  },
  "config": {
    "ionic_webpack": "./config/webpack.config.js",
    "ionic_generate_source_map": "true",
    "ionic_copy": "./config/copy.config.js",
    "ionic_sass": "./config/sass.config.js"
  }
}

[smnbbrv]

Hi @jayypluss

angular 5 won't be supported. It's already behind 2 LTS versions and 4 versions overall.