Vuejs，在生产模式下捕获警告

Question

我们的应用使用 magento 的模板，有时会触发错误（例如错误的道具或特殊字符）。 这些错误将在生产模式下被忽略。

但我们应该通过 TrackJs 来跟踪它。 那么，是否可以在生产模式下捕获警告？

警告示例：

[Vue 警告]：编译模板出错：

Answer 1

当Vue在生产模式下运行时，所有错误都是隐藏的bij设计，这不是可以改变的，期望通过运行开发版本。这背后的原因是，在生产环境中，您最好使用构建工具或自定义后端预编译所有模板。

在开发中，您可以在 Vue 配置中使用 errorHandler 和 warnHandler：

Vue.config.errorHandler = function (err, vm, info) {
    // handle error
    // `info` is a Vue-specific error info, e.g. which lifecycle hook
    // the error was found in. Only available in 2.2.0+
    console.log('Custom vue error handler: ', err, vm.name, info);
};
Vue.config.warnHandler = function (err, vm, info) {
    // handle error
    // `info` is a Vue-specific error info, e.g. which lifecycle hook
    // the error was found in. Only available in 2.2.0+
    console.log('Custom vue warn handler: ', err, vm.name, info);
};

// Prevent vue from spamming the console with "helpful" tips
Vue.config.productionTip = false;

var app = new Vue({
    el: '#app',
    name: 'main',
    template: '<div></div><div></div>',
    data: {
        message: 'Hello Vue!'
    },
});

<!-- development version, includes helpful console warnings -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="app">
</div>

对于模板问题，Vue 使用警告处理程序，但对于方法抛出的错误，它使用错误处理程序