Specific article triggering a hydration error
rclement opened this issue · comments
Romain Clement commented
This article is triggering a hydration failure, but only when using Cloudflare:
https://romain-clement.net/articles/github-actions-cicd-workflows/
After some more research, it seems to be coming from Cloudflare Email Obfuscation feature messing up the JSON AST tree structure issued from @nuxt/content
. Disabling this feature in Cloudflare resolve the issue immediately.
This is issue is already resolved but I spent way to much time tracking it down, so better leave a trace of it in case something similar happens again.
Helpful links:
- How to debug Vue.js hydration errors: https://blog.lichter.io/posts/vue-hydration-error/
- Nuxt.js FAQ for Cloudflare: https://nuxtjs.org/faq/using-nuxt-with-cloudflare