Problem solving - Virtual DOM tree mismatch between client and server

Опубликовано: 21 Октябрь 2024
на канале: Uthpala Heenatigala
1,537
23

We fix the routing issues faced in the last lesson -    • Persisting data in MongoDB using mong...  

Errors -
1. The client-side rendered virtual DOM tree is not matching server-rendered content.
2. Image of undefined
I explain the reasons for these errors and how to solve them.

We use two approaches one using client side navigation to fix not fetching the character ( image of undefined) but this doesn't fix error 1
To fix both the errors we learn about
asyncData a Nuxt life cycle hook this fixes the client-side rendered virtual DOM tree is not matching server-rendered content error


Become a patron -   / doingiteasychannel  
Follow me on Twitter   / uthpala_419