Static GitHub Issues

[531] Nuxt Static Site - Cannot load components DOMException Error

prev: element.eleme.io tooltip crash head
next: How to use async/await proposal?

For some reason a few of the pages are getting this error:

Cannot load components DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method.
at Object.Se [as appendChild]

It's a static documentation site. The pages contain components that are used as demos, but I'm not doing anything out of the ordinary.

Here's an example template:

<div class="coin-flip">
  <p> Heads or Tails? {{ this.answer }} </p>
  <button @click="flipCoin.run()">
    {{ flipCoin.isActive ? 'May the odds be with you...' : 'Flip coin'}}
  </button>
</div>

The error does not show up in dev server, it only shows up in static, hosted version of site.

I saw a related issue (https://github.com/nuxt/nuxt.js/issues/468), but I'm hosting the site via gh-pages and I already tried upgrading my dependencies, so not sure what else is could be causing the error.

<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c455">#c455</a>)</em></sub></div>