vue在生产环境如何调试错误，一般都用什么方案？

Question

项目中遇到组件循环，用ref定位时由于逻辑错误导致获取不到组件，调用组件的方法失败，开发环境中报错。
类似：

<item v-for="v in list" ref="myItem"></item>

// js调用组件方法
this.list.forEach((v,i) => {
    this.$refs['myItem'][i].setDate();
});

// 错误情况：
// 当list的数量为5，而在某种情况去调用了第6个组件，就会报错Cannot read property 'setData' of undefined
this.$refs['myItem'][5].setDate();

这种报错在开发环境中可以看到，但发布到生产环境要开启VUE生产环境模式，就不会展示报错了。

请问大家这种报错信息一般怎么调试？

Answer 1

欢迎免费试用Fundebug，我们可以监控Vue生产环境的错误~

Answer 2

我记得webpack有个地方可以设置打包是否打印错误信息的，你可以去看看