在安装的挂钩中出现错误：VUE js中出现“ RangeError：超出最大调用堆栈大小”

Question

我是VUEJS的新手，对状态和突变一无所知。我有一个具有OSDViewer属性的状态。状态的此属性未在应用程序的其他任何地方使用。 我的状态如下。

const state = {
    OSDviewer: null,
}

在我的突变中，我试图通过以下方式将此OSDViwer设置为openseadragon对象。

setupOsdCanvas: (state, payload) => {
        var OSDviewer = new openseadragon.Viewer({
            id: payload,
            showNavigationControl: false,
            showNavigator: true,
            navigatorId: 'navigator',
            maxZoomPixelRatio: 2
        })
        state.OSDviewer = OSDviewer;
        state.OSDviewer.addHandler('canvas-key', e => {
            if (e.originalEvent.code === 'KeyR' || e.originalEvent.code === 'KeyF') {
                e.preventDefaultAction = true
            }
        })
    },

但是我遇到以下错误

  

vue.runtime.esm.js？2b0e：619 [Vue警告]：安装的挂钩中存在错误：   “ RangeError：超出了最大调用堆栈大小”

我该怎么做才能解决此问题，并且是什么原因引起的？ 我将不胜感激。