Doesn't show error page if called from inside an async function. | Nuxt | Page 1

true grotto Mar 18, 2023, 9:08 AM

#

methods:{
            async getPosts(time = 0) {
                let got = await fetch('/getPosts', { method: 'POST', body: JSON.stringify({ section: '*', modifiedAfter: time }) })
                    .then(r => r.json())
                    .catch(fetchError)

                if (got.success) {
                    this.posts.push(...got.docs)
                    if (got.docs.length < got.limit) this.reachedEnd = true
                    this.sections = got.sections
                    // return
                }

                throw createError({ fatal: true })
            }
}

#

Here I'm manually triggering this error.

cursive storm Mar 18, 2023, 9:13 AM

#

Where are you calling that function?

true grotto Mar 18, 2023, 9:13 AM

#

        mounted() {
            this.getPosts()
        }

#

Throws error in the console though

cursive storm Mar 18, 2023, 9:18 AM

#

If you want to show an error page at that point you can use showError.

true grotto Mar 18, 2023, 9:20 AM

#

Thanks. showError worked. But why createError doesn't work?

cursive storm Mar 18, 2023, 9:22 AM

#

It's being called in mounted, so it's not being caught and handled anywhere

true grotto Mar 18, 2023, 9:22 AM

#

showError also logs error in the console. Is there any way to get rid of that?

#

Will that error cause any problem? or just console.error() that won't cause problems?

#

BTW thanks lot for spending your precious time helping me.

#Doesn't show error page if called from inside an async function.