Site name: charterapp.netlify.app

Recently I managed to receive form submissions using a Netlify form on my site. However, despite the submission working perfectly I get the following error in my console:

DOMException: Failed to execute ‘appendChild’ on ‘Node’: This node type does not support this method.

The error is caused 100% by the form being present on my site. Once the form is removed, the console doesn’t return this error.

Please see below that I included all required parameters in the form:

Hi @alexandruana , in addition to what @coelmay stated, upon inspecting your form using the Chrome Dev Tools, I see that your form has the invalid input tag below.

<input type="hidden" name="form-name" value="contact">Send us a message</input>
<input> is an empty tag, that means it’s not designed to have any content or a closing tag.
The correct syntax should be
<input type="hidden" name="form-name" value="contact" />
Kindly also fix that to see if it helps solve the problem. Let us know the outcome.

Thanks
              
@coelmay / @clarnx thank you for your inputs!
I fixed my code to include only the proper hidden input, however the error did not go away.

Noticed that in addition to the hidden input I included, there is a second one:
<input type="hidden" name="form-name" value="contact">
Not sure where this additional hidden input is coming from, but could it be the reason I am getting the javascript error? Netlify page is now updated to reflect those changes.
              
Hi @alexandruana, thanks for the extra feedback. There is a GitHub issue raised regarding the same error you are getting on the Nuxt.js GitHub page. Kindly visit the link below and try the suggestions there to see if it helps.

Thanks.
      github.com/nuxt/nuxt.js
Source:  https://github.com/xibang/xibang.tech
Localhost dev is ok, but when `nuxt generate` and deploy to server, it occurs error. Besides, all links cannot click then.
### What is expected ?
generate and work.
### What is actually happening?
Error: [nuxt] Error while mounting app: HierarchyRequestError: Failed to execute 'appendChild' on 'Node': This node type does not support this method.
    at 624151740479ce035ad7.js:1
### more
build -   ssr - set to false, then localhost develop:
Nuxt.js: Loading app...
auto refresh and refresh ... endless
<div align="right"><sub><em>This bug report is available on <a href="https://cmty.app/nuxt">Nuxt</a> community (<a href="https://cmty.app/nuxt/nuxt.js/issues/c9262">#c9262</a>)</em></sub></div>

              
Just figured out the issue.
Somehow the form was loading (I believe) before the DOM, and as result the error was coming up in the console.
The fix was, adding an html file containing the form’s skeleton in the ‘dist’ folder of my app.
The below Netlify guide is what helped me overcome the issue: