javascript - DeviceMotionEvent Request Permission with Typescript - Stack Overflow

admin管理员组

文章数量:1344238

Implementing a gyroscope permission request, but i get a typescript error on requestPermission

My code:

if (typeof (DeviceMotionEvent) !== 'undefined' && typeof (DeviceMotionEvent.requestPermission) === 'function') {
        return DeviceMotionEvent.requestPermission()
            .then((response: string) => response === 'granted');
}

TS2339: Property 'requestPermission' does not exist on type '{ new (type: string, eventInitDict?: 
DeviceMotionEventInit): DeviceMotionEvent; prototype: DeviceMotionEvent; }'.

Struggling a bit with this one. i tried casting request permission like this (DeviceMotionEvent.requestPermission() as any) but it stays the same. Since it's not a module i cannot just do yarn add @types/...

Implementing a gyroscope permission request, but i get a typescript error on requestPermission

My code:

if (typeof (DeviceMotionEvent) !== 'undefined' && typeof (DeviceMotionEvent.requestPermission) === 'function') {
        return DeviceMotionEvent.requestPermission()
            .then((response: string) => response === 'granted');
}

TS2339: Property 'requestPermission' does not exist on type '{ new (type: string, eventInitDict?: 
DeviceMotionEventInit): DeviceMotionEvent; prototype: DeviceMotionEvent; }'.

Struggling a bit with this one. i tried casting request permission like this (DeviceMotionEvent.requestPermission() as any) but it stays the same. Since it's not a module i cannot just do yarn add @types/...

• javascript
• reactjs
• typescript

Share Improve this question Follow edited Mar 11, 2020 at 15:59 Cerbrus 73k1919 gold badges136136 silver badges150150 bronze badges asked Mar 11, 2020 at 15:58 NarcilNarcil 35533 silver badges1414 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 8

Please try to avoid casting types to any, since its bad and instead try to narrow the type.

Extend native Web API DeviceOrientationEvent event for iOS devices:

interface DeviceOrientationEventiOS extends DeviceOrientationEvent {
  requestPermission?: () => Promise<'granted' | 'denied'>;
}

const requestPermission = (DeviceOrientationEvent as unknown as DeviceOrientationEventiOS).requestPermission;
const iOS = typeof requestPermission === 'function';
if (iOS) {
    const response = await requestPermission();
    if (response === 'granted') {
      // execute
    }
}

You need to cast the Object, not the function, try this:

(DeviceMotionEvent as any).requestPermission() 

本文标签： javascriptDeviceMotionEvent Request Permission with TypescriptStack Overflow