[Vuejs]-Why does my Nuxt.js app display a blank page after deploying with Netlify?

by

0👍

✅

One of my Netlify environmental variables was looking for GRAPHQL_URL whilst my nuxt.config.js was looking for BACKEND_URL , this is where the problem was.

Once I made sure Netlify’s env variables matched my nuxt.config the errors disappeared and my app has started reading / displaying data from my API.

There was also some Invalid HTML which caused the hydration issue. I had <ul> tags on a parent component and was trying to generate the <li> items in the child component. I think when deployed these were interpreted as empty <ul> tags.
I shifted the <ul> to wrap the actual <li> items on the child component and it solved the issue DOMExcepption errors.

Leave a comment