I have a “both sides of the same coin” type of issue trying to use Netlify forms.
I use Nuxt.js here https://objective-edison-d01121.netlify.app/.
I’m ending up with two scenarios which I describe below:
Scenario 1 - “Captain Obvious 404”:
I’ve even tried that solution but it didn’t work.
Scenario 2 - “Mysterious Hydration Fails”:
Since I understand that the form has to be visible in the DOM on the Netlify’s server, I’ve changed its visibility. From now on I’m using Vue’s “v-show” attribute which keeps
<form> tag in the DOM, but hides it by CSS “display: none;”. The result of that is an error in the console and lack of header and footer on the website:
I’ve tried to wrap it in
<ClientOnly> tag, as Nuxt.js guys recommended me to do on theirs github, but it’s the same solution as it is in “Captain Obvious 404” - it form is not visible on the server, Netlify can’t connect to it.
Could you please help me figure it out somehow?