保罗的小宇宙
·
排查了一个导致页面白屏的问题
内容提要
近期，Felo Search 项目出现白屏问题，经过排查发现是由于 iOS 16 下的 JS 执行错误引起，原因是外部依赖库 mdast-util-gfm-autolink-literal 升级至不兼容版本，使用了不支持的正则表达式，影响了用户体验。
关键要点
-
Felo Search 项目近期出现白屏问题，主要在 iOS 16 系统下稳定出现。
-
问题源于 JS 执行错误，错误信息显示存在不支持的正则表达式规则。
-
通过调试和分析，发现出错代码属于外部依赖库 mdast-util-gfm-autolink-literal。
-
该库从 2.0.0 升级至 2.0.1，使用了不支持的正则表达式，影响了用户体验。
-
库的作者拒绝向下兼容，导致商业化项目面临用户流失风险。
-
反向断言的兼容性问题在 JS 正则中依然存在，影响开发者使用。
延伸解读
白屏问题的根源
Felo Search 项目的白屏问题主要源于外部依赖库的升级。特别是在 iOS 16 系统下，JS 执行错误导致用户体验受损。开发者在使用外部库时需谨慎，确保版本兼容性，以避免类似问题。
正则表达式的兼容性风险
文章提到的反向断言在 JS 正则中的兼容性问题，提醒开发者在使用新特性时要关注其支持情况。尤其是在商业化项目中，使用不兼容的库可能导致用户流失，需提前评估风险。
依赖管理的重要性
通过对 pnpm-lock.yaml 文件的检查，发现依赖锁定的破坏可能导致意外的错误。开发团队应定期审查依赖项的版本变动，确保项目的稳定性，避免因小改动引发大问题。
延伸问答
Felo Search 项目出现白屏问题的原因是什么？
白屏问题是由于 iOS 16 下的 JS 执行错误引起，具体是外部依赖库 mdast-util-gfm-autolink-literal 升级至不兼容版本，使用了不支持的正则表达式。
mdast-util-gfm-autolink-literal 库的版本升级带来了什么问题？
该库从 2.0.0 升级至 2.0.1，使用了不支持的正则表达式，导致在某些环境下出现 JS 执行错误。
如何定位 Felo Search 项目的白屏问题？
通过在 Mac 上安装 iOS 16 模拟器，使用 Safari 调试工具定位到 JS 执行错误，并分析依赖项的变动。
反向断言在 JS 正则中的兼容性问题是什么？
反向断言的兼容性问题在 JS 正则中依然存在，导致某些正则表达式在不同环境下无法正常工作。
Felo Search 项目面临什么风险？
由于外部库的不向下兼容，可能导致用户流失，影响商业化项目的用户体验和稳定性。
如何解决 Felo Search 的白屏问题？
需要回退 mdast-util-gfm-autolink-literal 库的版本，或者寻找其他兼容的解决方案来避免使用不支持的正则表达式。
