某些IOS设备上的网站无法呈现[死亡白屏？]

Question

当前行为

我已经构建并上传到https://callum.tech/new的应用程序无法在某些IOS设备上呈现，我曾经在一个巨大的阵列上测试过它，但我已经在2台设备上测试过它，我的个人iPhone 5运行的是IOS 10.3。 3，我的朋友iPad，我记不起版本了。 它只会呈现一个白页，无论有多少刷新，或进入私人＆＃39;它拒绝渲染。 为了消除这只是我的手机的可能性（当我第一次发现问题时）我完全将其格式化为出厂设置并且仍然是相同的结果，尝试在多个位置（也就是不同的IP），尝试VPN，wifi到移动等。

这是在http://browserstack.com上运行并返回一个没有真正错误的白页:(我也没有免费会话，因此目前无从谈起

预期行为

页面渲染类似于某些IOS设备和andriod

使用说明书轻微复制问题

这是我最新的项目github：https://github.com/kenji-1996/CallumTech 我不确定如何进行全面测试，但我甚至无法调试潜在的控制台错误，因为我没有使用Mac来使用Safari 6 Web检查器功能

改变行为的动机/用例是什么？

我希望我的网站能够实际运行

注意

我的旧版本在我的手机上工作正常，我不知道它开始打破了什么点

环境

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

Answer 1

答案包括encapsulation: ViewEncapsulation.None：

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

花了几个小时进行调试，甚至没有进行适当的调试，只是尝试使用旧版本，上传它们并在我的手机上测试它们，直到我将其缩小到这一点。 希望这有助于某人因为它驱使我他妈的疯了