Getting Not Supported Error while using Ionic3

Question

I strangle to be able to catch this error. While on desktop, this code raise this NotSupportedError:

I normally debug on chrome.

Here is the code:

import {Component} from "@angular/core";
import {ScreenOrientation} from "@ionic-native/screen-orientation";

@IonicPage()
@Component({
  selector: 'page-loading',
  templateUrl: 'page-loading.html',
})
export class PageLoading {

  constructor(private screenOrientation:ScreenOrientation) {}

  ionViewDidLoad() {
    console.log('ionViewDidLoad PageLoading');

    try{
        this.screenOrientation.lock(this.screenOrientation.ORIENTATIONS.PORTRAIT).then(()=>{
          console.log('lock');
        });
    }catch(e){
      console.warn('No cordova.js')
    }

  }

}

ionic native or rather cordova does not work with ionic serve.. you just have to run in a device or emulator — Suraj Rao
– Suraj Rao, Commented May 15, 2017 at 11:48
Yes, I know, but for other plugins that is not a problem, they complain silency. I just want to silence this error on my desktop, but the try catch does not help — David Faure
– David Faure, Commented May 15, 2017 at 12:04
No I use ionic serve like you said, I just don't know why I can catch these errors — David Faure
– David Faure, Commented May 15, 2017 at 12:06

David Faure · Accepted Answer · 2018-02-08 21:02:24Z

6

You can create a class to mock ionic native classes as described in the docs here.

class ScreenOrientationMock extends ScreenOrientation {
  lock(type) {
    return new Promise((resolve, reject) => {
      resolve("locked");
    })
  }
}

In your providers list in ngModule mention it should use your mocked class instead of the actual ionic native one.

providers: [..
    { provide: ScreenOrientation, useClass: ScreenOrientationMock }
 ]

This will return whatever you have set in resolve for screenorientation during ionic serve.

You can remove it once it is run in a device.

EDIT:

There is another possibility to suppress your error, so you will not have anything to do at the end:

if(this.platform.is('cordova')){
  this.platform.ready().then(()=>{
   this.screenOrientation.lock(this.screenOrientation.ORIENTATIONS.PORTRAIT);
  })
}

edited Feb 8, 2018 at 21:02

David Faure

1,38614 silver badges25 bronze badges

answered May 15, 2017 at 12:30

Suraj Rao

29.7k11 gold badges96 silver badges104 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

BrunoLM Over a year ago

remove it once it is run in a device. you mean that we have to manually change the code later to provide real classes instead of mocks when deploying the app? Or is there a way to detect the device you are running and provide the mock or not automatically?

David Faure Over a year ago

Hi, no in fact you should not use any mock at the end. I update the response

Suraj Rao Over a year ago

@DavidF. thanks.. you could have added as your own answer though

Collectives™ on Stack Overflow

Getting Not Supported Error while using Ionic3

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related