Skip to content

在iOS 17以下版本的设备上,尝试访问使用了@antv/gpt-vis时,遇到了显示空白的问题 #89

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Frank-Ysj opened this issue Apr 14, 2025 · 18 comments

Comments

@Frank-Ysj
Copy link

React项目使用ant design x+gpt-vis库,iOS17以上打开页面正常,17以下打开显示空白,经排查使用了gpt-vis库后会有兼容性问题,尝试使用 Babel 和 Polyfill 仍未解决兼容性问题

@hustcc
Copy link
Member

hustcc commented Apr 14, 2025

能够看到报错吗?

@Frank-Ysj
Copy link
Author

PC是Windows系统,只看到空白页,看不到iOS控制台的错误信息。不只是Safari浏览器报错,手机上谷歌浏览器、第三方应用(钉钉、微信)也都是如此,PC和手机同一网络下,npm start启动和npm run build也都是空白页

@hustcc
Copy link
Member

hustcc commented Apr 14, 2025

@Frank-Ysj Windows PC 下报错也看不到错误信息嘛?你启动的是 GPT-Vis 的官网?还是什么?

@Frank-Ysj
Copy link
Author

PC端完全没问题,只有在iOS17以下才有这个问题(ipadOS低版本也有这个问题)。启动的是ant design X+GPT Vis做的一个AI对话项目,项目删除GPT Vis的引用后能正常打开,后来创建了一个demo项目,单独引用了GPT Vis也出现了这个问题,所以得出的结论是GPT Vis对iOS17以下的兼容性

@Frank-Ysj
Copy link
Author

只要是加了GPTVis标签就打不开,去掉标签就没问题

@hustcc
Copy link
Member

hustcc commented Apr 14, 2025

我在我的 iPhone,iOS 16.5 safari 上测试 GPT-Vis 的文档站点,是可以看到组件的!

我在我的 iMac,Safari 也是可以打开。

Image


你试试你的环境打开 https://gpt-vis.antv.vision/components/line 看看,另外提供下你设备的详细信息,具体是 iOS 什么版本,手机、mac、还是平板?

@IvyGJY
Copy link

IvyGJY commented Apr 14, 2025

PC 端项目引用打开也白屏,项目 react 18 + webpack 4,报错 Uncaught (in promise) TypeError: Object(...) is not a function。如果只使用 VisText 渲染是正常的,使用 渲染报错,代码使用的是文档里给的 case

@Frank-Ysj
Copy link
Author

Image

Image

Image
用GPT Vis项目本地启动提示的错误
手机系统:iOS16.2 iOS15.7.1
Image
https://gpt-vis.antv.vision/components/line 打开空白

@Frank-Ysj
Copy link
Author

ios16.2和ios15.7.1打开都是如此,用ios17以上测试都没有问题

@lvisei
Copy link
Member

lvisei commented Apr 14, 2025

也看不出哪里报错啊

@Frank-Ysj
Copy link
Author

比较尴尬的是PC端是Windows的,手机是ios的,调试不出控制台的错误......。但是现象确实是跟ios版本有关系,找了7块手机,5块是ios17以上的,无论是打开项目还是gptvis的网站都没问题;2块ios17以下的(16.2 和 15.7.1)打开都有问题

@IvyGJY
Copy link

IvyGJY commented Apr 14, 2025

Image
我这里报了这个错,不知道有没有帮助。也是加了GPTVis标签就打不开,去掉标签就没问题

@hustcc
Copy link
Member

hustcc commented Apr 14, 2025

看起来是 react-markdown 里面的代码问题,这就难搞了,好像最近升级了 v10 版本,不知道能不能解决。

@Frank-Ysj
Copy link
Author

Image
看到有人反馈remark-gfm 4.0.0有兼容性问题

@Frank-Ysj
Copy link
Author

测试了,确实是remark-gfm 4.0.0的问题......用3.0.1没问题

@hustcc
Copy link
Member

hustcc commented Apr 14, 2025

给 remark-gfm 提 PR 的机会来了~~~

@Frank-Ysj
Copy link
Author

Image
用3.0.1输出markdown的时候又会出现新问题......

@lvisei
Copy link
Member

lvisei commented Apr 15, 2025

自定义 react-markdown 版本使用吧,用 markdownit 也行,这样注册组件 https://gpt-vis.antv.vision/guide/custome-markdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants