Nativescript 6.2: Type 'typeof XYZ' is not assignable to type 'ViewClass'

[demetrio812]

Hello,
I'm trying to update from NS 6.1 to NS 6.2 and I'm stuck with this issue on 2 of the components I'm using:

Type 'typeof Video' is not assignable to type 'ViewClass'
nstudio/nativescript-videoplayer#160

and

Type 'typeof CardView' is not assignable to type 'ViewClass'
https://git.proplugins.org/proplugins/nativescript-cardview/issues/1

Is it an issue with the plugins or Nativescript (maybe some wrong version of the packages?)

This is my package.json:

{
 “name”: “app”,
 “nativescript”: {
   “tns-ios”: {
     “version”: “6.2.0"
   },
   “tns-android”: {
     “version”: “6.2.0”
   }
 },
 “version”: “2.0.0”,
 “scripts”: {
   “ng”: “ng”,
   “start”: “ng serve”,
   “build”: “ng build”,
   “test”: “ng test”,
   “lint”: “ng lint”,
   “e2e”: “ng e2e”,
   “android”: “tns run android”,
   “ios”: “tns run ios”,
   “mobile”: “tns run”,
   “preview”: “tns preview”
 },
 “private”: true,
 “dependencies”: {
   “@angular/animations”: “~8.0.1",
   “@angular/common”: “~8.0.1",
   “@angular/compiler”: “~8.0.1",
   “@angular/core”: “~8.0.1",
   “@angular/forms”: “~8.0.1",
   “@angular/http”: “~8.0.0-beta.10",
   “@angular/platform-browser”: “~8.0.1",
   “@angular/platform-browser-dynamic”: “~8.0.1",
   “@angular/router”: “~8.0.1",
   “@ngx-translate/core”: “^11.0.1",
   “@ngx-translate/http-loader”: “^4.0.0",
   “@nstudio/nativescript-loading-indicator”: “^1.0.0",
   “@proplugins/nativescript-cardview”: “^4.0.0",
   “@proplugins/nativescript-image-swipe”: “^5.0.0",
   “@proplugins/nativescript-localstorage”: “^2.3.0",
   “@proplugins/nativescript-modal-datetimepicker”: “^1.2.2",
   “@proplugins/nativescript-pager”: “^11.5.15",
   “@proplugins/nativescript-permissions”: “^1.5.0",
   “angular-oauth2-oidc”: “^5.0.2",
   “convert-units”: “^2.3.4",
   “core-js”: “^2.5.4",
   “moment”: “^2.23.0",
   “nativescript-advanced-permissions”: “^1.2.0",
   “nativescript-advanced-webview”: “^4.0.1",
   “nativescript-angular”: “~8.0.1",
   “nativescript-appversion”: “^1.4.1",
   “nativescript-directions”: “^1.3.0",
   “nativescript-geolocation”: “5.1.0",
   “nativescript-google-maps-sdk”: “^2.7.0",
   “nativescript-image-cache-it”: “^4.1.2",
   “nativescript-iqkeyboardmanager”: “^1.3.0",
   “nativescript-material-bottomsheet”: “^2.5.4",
   “nativescript-material-dialogs”: “^2.5.4",
   “nativescript-material-snackbar”: “^2.5.4",
   “nativescript-material-textfield”: “^2.5.4",
   “nativescript-mixpanel”: “~2.0.3",
   “nativescript-multi-select”: “^1.0.6",
   “nativescript-ngx-fonticon”: “^4.2.0",
   “nativescript-ngx-shadow”: “^6.5.0",
   “nativescript-phone”: “^1.4.0",
   “nativescript-secure-storage”: “^2.4.0",
   “nativescript-social-share”: “^1.5.1",
   “nativescript-store-update”: “^1.0.2",
   “nativescript-tappter-status-bar”: “file:plugins/nativescript-tappter-status-bar/nativescript-tappter-status-bar-1.0.0.tgz”,
   “nativescript-theme-core”: “~1.0.4",
   “nativescript-trace-raven”: “^1.1.1",
   “nativescript-ui-dataform”: “^5.0.0",
   “nativescript-ui-listview”: “^7.0.4",
   “nativescript-videoplayer”: “^4.2.1",
   “nativescript-youtubeplayer”: “^3.0.1",
   “ngx-moment”: “^3.3.0",
   “ngx-spinner”: “^8.0.3",
   “reflect-metadata”: “~0.1.12",
   “rxjs”: “~6.5.0",
   “rxjs-compat”: “~6.5.0",
   “subsink”: “^1.0.0",
   “tns-core-modules”: “^6.2.0",
   “zone.js”: “~0.9.1"
 },
 “devDependencies”: {
   “@angular-devkit/build-angular”: “~0.800.0”,
   “@angular/cli”: “~8.0.3”,
   “@angular/compiler-cli”: “~8.0.1”,
   “@angular/language-service”: “^8.2.4”,
   “@nativescript/schematics”: “~0.7.0”,
   “@nativescript/tslint-rules”: “~0.0.2”,
   “@types/jasmine”: “~3.3.8”,
   “@types/jasminewd2": “~2.0.3”,
   “@types/node”: “~8.9.4”,
   “codelyzer”: “^5.0.0”,
   “jasmine-core”: “~3.4.0”,
   “jasmine-spec-reporter”: “~4.2.1”,
   “karma”: “~4.1.0”,
   “karma-chrome-launcher”: “~2.2.0”,
   “karma-coverage-istanbul-reporter”: “~2.0.1”,
   “karma-jasmine”: “~2.0.1”,
   “karma-jasmine-html-reporter”: “^1.4.0”,
   “nativescript-dev-webpack”: “^1.3.0”,
   “node-sass”: “^4.7.1”,
   “protractor”: “~5.4.0”,
   “tns-platform-declarations”: “^6.0.6”,
   “ts-node”: “~7.0.0”,
   “tslint”: “~5.15.0”,
   “typescript”: “~3.4.3”
 }
}

I didn't get any reply from the plugins owner and didn't find anything, hopefully you can give me some directions to test.

Thanks

[edusperoni]

The problem is not with the video plugin, but other plugins like nativescript-material-bottomsheet. If you check the full error it'll probably say that View is defined in nativescript-material-bottomsheet:

Before 6.2:
https://github.com/Akylas/nativescript-material-components/blob/840e5056fb9b14f633c2df1fe1533fe03df9a56c/src/bottomsheet/bottomsheet-common.ts#L7

After 6.2:

https://github.com/Akylas/nativescript-material-components/blob/21e166562dd797792081fc2c5db2d610d43b758d/src/bottomsheet/bottomsheet-common.ts#L7

The fix seems to not have been released, so you could open an issue there instead (or replace all declare module 'tns-core-modules/...' in your node_modules with declare module '@nativescript/core/...'

[tsonevn]

Hi @demetrio812,
Indeed this issue seems to be related to the nativescript-material-bottomsheet, I would suggest to follow up the suggestion of @edusperoni and to open a new issue in the plugin's repository.