"TypeError: Cannot read property 'loadFromJSON' of undefined"

Hi All, I am saving the drawn item to local storage and rendering the canvas of the html page when the page is reloaded. `
saveDrawing () { var serializedData = window.drawer.api.getCanvasAsJSON(); var res = JSON.stringify(serializedData) if (res) localStorage.setItem(‘canvas’, res) },

 loadDrawing () {
    var parseData = JSON.parse(localStorage.getItem('canvas'))
   window.drawer.api.loadCanvasFromData(parseData)
 }

` I get the exceptions saying TypeError: Cannot read property ‘loadFromJSON’ of undefined at DrawerConstructor.Drawer.loadCanvas (drawerJs.standalone.js:29762) at DrawerApi.loadCanvasFromData (drawerJs.standalone.js:27517) at VueComponent.loadDrawing (DrawTool.vue?fd05:304) at VueComponent.mounted (DrawTool.vue?fd05:248) at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854) at callHook (vue.runtime.esm.js?2b0e:4213) at Object.insert (vue.runtime.esm.js?2b0e:3139) at invokeInsertHook (vue.runtime.esm.js?2b0e:6340) at Vue.patch [as patch] (vue.runtime.esm.js?2b0e:6559) at Vue._update (vue.runtime.esm.js?2b0e:3939)

How to fix this?

[extremeCrazyCoder]

I am getting the same error when loading the data that way it seems that you have to start the editing before you can load the data that way…

it works if I write the loading that way:

    function loadDrawing () {
        var parseData = JSON.parse(localStorage.getItem('canvas'))
        window.drawer.api.startEditing();
        window.drawer.api.loadCanvasFromData(parseData)
        window.drawer.api.stopEditing();
    }

[edfrommathclass]

@extremeCrazyCoder, thanks for being passionate with this. It is not crashing always but sometimes the background image takes time to load which causes this issue. I will do some work around on contentConfig.

Hi Naveen, did you ever figure this out?? I’m encountering the same issue