gpt4 book ai didi

ios - Angular 2 应用程序 : route content is blank on iOS

转载 作者:塔克拉玛干 更新时间:2023-11-02 10:24:56 24 4
gpt4 key购买 nike

我有一个奇怪的问题,我的路线在我的 Angular 应用程序中。此问题仅发生在 iOS 上

每当我单击导航菜单中的一个路线链接时,页面都会导航到该路线,但页面是空白的。看起来实际内容不在 router-outlet 中。但是,当我使用 Safari 远程检查检查元素时。我可以看到,所有元素都在那里,屏幕上也为它们分配了空间。如果我点击屏幕上的项目(仍然不可见),它们的点击事件就会被触发。

这是检查元素和空白页面的屏幕截图(注意屏幕是蓝色的,因为我将鼠标悬停在使用路由器选择的组件中的元素(在 safari 开发工具中)。

safari

dev tools

但是,如果我刷新页面,或直接在地址栏中输入 URL,组件就会按预期显示。 (这个特定的例子是 www.appollodev.com/#/events )该页面在 www.appollodev.com 上(使用“ng build --prod --aot”构建)
如果您有 iOS 设备,可以使用这些链接亲自试用。只需转到根页面,然后使用右上角的汉堡菜单访问页面(div 元素上的路由链接)。所有路线均无效,我的示例是使用 EVENTS 链接。

附加信息:
在这里尝试一下:www.appollodev.com

东西的版本:

@angular/cli: 1.0.0-rc.1
node: 6.10.0
os: win32 x64
@angular/cli: 1.0.0-rc.1
@angular/common: 2.4.9
@angular/compiler: 2.4.9
@angular/core: 2.4.9
@angular/forms: 2.4.9
@angular/http: 2.4.9
@angular/platform-browser: 2.4.9
@angular/platform-browser-dynamic: 2.4.9
@angular/router: 3.4.9
@angular/compiler-cli: 2.4.9

npm version: 4.4.4

iOS version: 10.0.1 (14A403)

不适用于:

iOS -> Chrome
iOS -> Safari
iOS -> Firefox

工作于:

Windows 8.1 -> Chrome, Safari, Firefox
OS X -> Chrome, Safari, Firefox​
Android -> Chrome, Safari, Firefox​

在网上搜索这个错误后,我不知所措,希望有人能提供帮助。无论是否使用 HashLocationStrategy
,该错误都会出现
抱歉 url 不是链接,Stackoverflow 只允许我有 1 个链接 :(

最佳答案

我的 ipad air 2 和 ios 10 也有同样的问题。我尝试了所有浏览器,从 safari 到 dolphin。只是某些路由器 socket 根本不渲染。希望有人找到解决这个问题的方法,因为我无法从我的 linux 笔记本电脑上调试 ios。此外,在 android 上,一切都像一个魅力。

关于ios - Angular 2 应用程序 : route content is blank on iOS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43295965/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com