How to catch errors in vue render

[GreenNeon]

My view is rendered blank and no errors aside for #app not found in console browser.

app not found is because the renderVueComponentToString returning empty string right?

My guess is the error is in vue file. So my question is, how do i debugging error in vue file? I tried to use console to know where its stop, but its just too bothersome. Using console:

getMeta() {
        console.log("Im here ...!")
    return this.$store
            .dispatch("getMainMeta")
            .catch((err) => console.log(err));
},

Here is my entry-server code:

import createApp from "./main"
import renderVueComponentToString from 'vue-server-renderer/basic'

new Promise((resolve, reject) => {
    const { app, router, store } = createApp()
    const meta = app.$meta()
    router.push(context.url)
    context.meta = meta
    router.onReady(() => {
        context.state = store.state
        resolve(app)
    }, reject)
}).then(app => {
    renderVueComponentToString(app, (err, res) => {
        console.log('Render to string', res, '<br>ERRORORORO', err)
        if (err) throw new Error(err)
        dispatch(res)
    })
})

Thank you~

[spatie-bot]

Dear contributor,

because this issue seems to be inactive for quite some time now, I've automatically closed it. If you feel this issue deserves some attention from my human colleagues feel free to reopen it.