Server and client implementations disagree with each other
维护者通常 1 天内回复
还没有人认领这个 Issue。
评估
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 新手友好度
- 22/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 活跃
- 技术栈
- nuxtjs, typescript
- 领域
- full-stack
调研方向
The mismatch comes from generateFlags running on the server with CloudFlare headers (cf-device-type overriding isMobile) and on the client with only navigator.userAgent. Start by tracing where both paths compute flags and how the server result reaches the client. Done means the server-rendered and client-hydrated flags match for the same request, and the issue doesn't say which approach the maintainers want.
由索引模型根据 Issue 内容生成。
描述
This module computes its properties both on the server and on the client independently.
Unfortunately they tend to disagree with each other when it comes to CloudFlare headers (they always win over user agents), which results in a lot of hydration errors (for us).
cf-device-type forces isMobile to false on the server side if its value is desktop or tablet.
The client, on the other hand, calls generateFlags(navigator.userAgent) with no headers and the module doesn't seem to copy over the server-side values to the client-side (e.g. using useState), which can result in differences (and does).
It would be great if server and client would share the same detection results.
- 主要语言
- TypeScript
- 星标
- 1k
- 派生
- 55
- 平均合并
- 2 天 10 小时
- 30 天内合并 PR
- 9
环境准备
- 没有 Dockerfile 或 Docker Compose 文件
- 有 Pull Request 模板
- 没有贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
nuxt-modules/device 的其他 Issue
-
Cloudfront detection shouldn't rely on user-agent可能已有人在做 @luc122c 于 6 天前认领。 未关闭pending triage
难度 3/5 1-2 天 新手友好度 35/100
nuxt-modules/device#141 · 1 条评论 · 1 个 reaction ·
维护者通常 1 天内回复
-
3.x enhancement
难度 4/5 3-5 天 新手友好度 25/100
nuxt-modules/device#129 · 3 条评论 ·
维护者通常 1 天内回复
-
难度 4/5 3-5 天 新手友好度 10/100
nuxt-modules/device#95 ·
维护者通常 1 天内回复
-
Huawei check未关闭
难度 3/5 1-2 天 新手友好度 35/100
nuxt-modules/device#89 ·
维护者通常 1 天内回复
-
3.x enhancement
难度 3/5 1-2 天 新手友好度 25/100
nuxt-modules/device#87 ·
维护者通常 1 天内回复
查看 nuxt-modules/device 的全部 Issue
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 72/100
Chocobozzz/PeerTube#7832 ·
维护者通常 3 天内回复
-
Pay to use?未关闭
难度 1/5 1 小时以内 新手友好度 66/100
darkreader/darkreader#16108 · 1 条评论 ·
维护者通常 2 天内回复
-
check:passed streams:add
难度 1/5 1 小时以内 新手友好度 75/100
维护者通常 1 天内回复
-
bug engine
难度 2/5 1-3 小时 新手友好度 86/100
frostney/GocciaScript#1746 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 67/100
agilepathway/label-checker#739 · 4 条评论 ·
维护者通常 1 天内回复