Почему мое приложение React Redux TypeScript работает везде, кроме iPhone 6 iOS 12.0.1 (где это пустой белый экран)?

Question

Мои основные c stati c Приложение React Redux TypeScript работает локально на Windows, а затем оно также работает при развертывании на страницах GitHub для каждого протестированного устройства , за исключением * 1070. * 6 iOS 12.0.1 (где это пустой белый экран).

Я исследовал много статей, таких как:

• Реагировать Приложение / redux отображает пустой экран в Safari

• Реакция / Узел Uncaught SyntaxError: Неожиданный токен <</a>

• Почему развернутое приложение реагирования на gh-страницах показывает пустую страницу в разных браузерах при правильном отображении в моем браузере?

• { ссылка }

• https://community.netlify.com/t/react-application-builds-deploys-into-a-blank-page/2571

• https://github.com/facebook/create-react-app/blob/061d1e46fcd4766d38b45499c3d29cfaa2b7d0af/packages/react-scripts/template/README.md#github -страницы

• https://caniuse.com/#feat = es6

Большинство из них пытаются решить случай, когда все устройства показывают белую страницу. Но это не мой сценарий.

Другие говорят о том, что старым браузерам нужны полифилы, но я уже добавил блоки try / catch для моего использования fetch.

Я также пытался изменить на "homepage": "." в package.json, но опять же, я не думаю, что это связано с этой проблемой, поскольку большинство браузеров уже работают, поэтому я знаю, что к ресурсам обращаются.

Есть идеи?

Answer 1

Наконец, я вспомнил, что могу использовать бесплатный сервис http://xip.io/ для перехода с моего iPhone на "локальный" сервер React, размещенный на моей машине Windows.

Таким образом, я мог видеть сообщения об ошибках, которые не будут видны на производстве (на страницах GitHub).

Я обнаружил, что ошибка "ReferenceError: Не удалось найти переменную: IntersectionObserver".

Таким образом, решение будет использовать полифилл.

Смотрите полезные ссылки:

• { ссылка }
• { ссылка }
• https://github.com/mhartington/lazy-load-image/issues/1#issuecomment -372384646
• https://webkit.org/blog/8582/intersectionobserver-in-webkit/
• https://caniuse.com/#feat = intersectionobserver

"IntersectionObserver API поддерживается в iOS Safari начиная с 12.2." Это объясняет, почему он работал на других iPhone, но не на моем.