前端线上问题如何调试

记录Vue开发过程中遇到的问题，测试环境以及本地显示都没有问题，但是一上线就出现问题，于是对于这个问题进行排查，在此记录排查问题的步骤以及方法，希望对大家有帮助。

错误信息：Uncaught TypeError: Cannot read properties of undefined(reading ‘refs’)

更新：我觉得devlopment环境下报警告而production环境之间报错的处理不够友好

于是我给Vue提了一个issue,希望能做些优化，具体的问题读完全文后不懂的话可以去看这个issue

此项目是基于naive-ui+vite进行开发的

线上报错信息以及显示如下：

测试环境和本地显示如下：

如何查找问题？

1. 先确定问题出在哪里，尽管这是线上环境，但是我们依旧可以从报错信息里找到对应的错误文件。

   • 打开错误的更多信息进行文件查看，这里一看全是打包后的文件，根本不知道是哪个文件。