Сайт не отображается на некоторых устройствах IOS [Белый экран смерти?]

1

Текущее поведение

Мое приложение, которое я создал и загрузил на https://callum.tech/new, не будет отображаться на некоторых устройствах IOS, я havnt проверил это на огромном массиве, но я протестировал его на двух устройствах, мой личный iPhone 5 с IOS 10.3.3 и мои друзья iPad, которые я не могу вспомнить. Он просто отобразит белую страницу, независимо от того, сколько обновлений, или перейдет в "частный" и т.д., Она откажется от рендеринга. Чтобы исключить возможность того, что это только мой телефон (когда я впервые обнаружил проблему), я полностью отформатировал его на заводские настройки и все тот же результат, попробовал в нескольких местах (например, разные IP-адреса), попробовал VPN, Wi-Fi для мобильных устройств и т.д.

Вот он работает на http://browserstack.com и возвращает белую страницу без реальных ошибок: (Я тоже из свободных сессий, так что в настоящее время не может быть и речи Изображение 174551

Ожидаемое поведение

Страницы отображаются как в некоторых устройствах IOS, так и в andriod

Минимальное воспроизведение проблемы с инструкциями

Вот мой полный обновленный github проекта: https://github.com/kenji-1996/CallumTech Я не уверен, как его можно полностью протестировать, но я не могу даже отлаживать потенциальные ошибки консоли, потому что я не владею mac для использования функции веб-инспектора Safari 6

Какова мотивация/использование для изменения поведения?

Я хочу, чтобы мой сайт фактически запускался

Заметка

У меня были старые версии, работающие нормально на моем телефоне, я не уверен, в какой момент он начал ломать

Среда


Angular version:  4.4.6, is this the latest?


Browser:
- [x ] Chrome (iOS) version 'CriOS/62/0/3203/70 Mobile/14G60 Safari/602.1
- [x ] Safari (iOS) version 602.1

For Tooling issues:
- Node version: v8.4.0
- Platform:  IOS

Others:
- Build using this: ng build --prod --base-href /new/ --build-optimizer
  • 0
    хорошо, какова ваша база приложений? цель это es5 или es6?
  • 0
    @FatehMohamed tsconfig.json говорит "target": "es5", что, я полагаю, относится к использованию es5
Теги:
angular
angular-material2

1 ответ

0
Лучший ответ

Ответ включает encapsulation: ViewEncapsulation.None здесь:

@Component({
    selector: 'app-navbar',
    templateUrl: './navbar.component.html',
    styleUrls: ['./navbar.component.scss'],
    encapsulation: ViewEncapsulation.None
})

Взяли часы отладки, даже не отлаживая правильную отладку, но пытались старые сборки, загружали их и тестировали на моем мобильном телефоне, пока я не сузил его до этого. Надеюсь, это поможет кому-то, потому что это заставило меня трахаться

Поделиться
  • 0
    Я использую ViewEncapsulation.None и сталкиваюсь с той же проблемой

Ещё вопросы

Сообщество Overcoder
Наверх
Меню