Undefined не является объектом (оценка 'navigator.permissions.query')

Question

Я получаю эту ошибку при попытке получить доступ к своему веб-сайту на iPhone 7 с белым экраном банка (основной экран загружается нормально, но затем я получаю это на экране net после того, как что-то щелкнул.

Я предполагаю, что это то, о чем идет речь:

  useEffect(() => {
    navigator.permissions
      .query({ name: "microphone" })
      .then((permissionStatus) => {
        setMicrophonePermissionGranted(permissionStatus.state === "granted");

        permissionStatus.onchange = function () {
          setMicrophonePermissionGranted(this.state === "granted");
        };
      });

    navigator.permissions.query({ name: "camera" }).then((permissionStatus) => {
      setCameraPermissionGranted(permissionStatus.state === "granted");

      permissionStatus.onchange = function () {
        setCameraPermissionGranted(this.state === "granted");
      };
    });
  }, []);

Как мне это исправить?

Answer 1

Я пытался проверить разрешения mi c и камеры от iOs устройств и через браузер Facebook, что, как я полагаю, приводит к сбою, так как их нет в этих средах. Как только я переместил этот запрос в компонент, который загружается, только если это не мобильное устройство, моя ошибка исправлена.