3 + vite2 项目在低版本 chrome 下的栈溢出难题

近期遇到一个棘手的问题：使用 Vue3 和 Vite2 打包的项目，在 Chrome 49 内核下运行时发生了栈溢出错误，而在 Chrome 84 及更高版本内核下则运行正常。这引起了我们的关注，因为两个环境的打包命令仅在环境变量上存在细微差别。

测试环境的打包命令为 vite build --mode testing，生产环境的打包命令为 vite build --mode production。唯一的在于 .env.test 文件中 VITE_APP_ENV 变量的值：测试环境为 testing，生产环境为 production。 当我们将测试环境的 VITE_APP_ENV 变量值修改为 production 后，栈溢出问题便消失了。

那么， VITE_APP_ENV 变量值的差异会导致 Chrome 49 内核下出现栈溢出呢？ 这并非由 Vite 或 Vue 版本自身导致，也并非环境变量本身的问题。 问题的根源在于代码逻辑。

问题的关键在于仔细排查代码。 通过使用调试（debugger），逐行检查代码执行流程，最终能够发现问题出在应用的界面路由数据逻辑中存在一个死循环。 正是这个死循环在 Chrome 49 内核的特定环境下（可能与该内核的 JavaScript 引擎实现细节有关）导致了栈溢出。 而生产环境的配置或许在某种程度上避免了或者掩盖了这个死循环，从而避免了栈溢出。 因此，是找到并修复路由数据中的死循环逻辑。