title: How does one troubleshoot errors only showing when using a custom binding?
body: <p><strong>TLDR;</strong>
  I get an error when using a custom domain binding in Azure, but not when using the default azurewebsites binding. For example <a href="https://somewebsite.com" rel="nofollow noreferrer">https://somewebsite.com</a> <strong>do</strong> produce the error, while <a href="https://somewebsite.azurewebsites.net" rel="nofollow noreferrer">https://somewebsite.azurewebsites.net</a> <strong>does not</strong> produce the error.</p>
  <p><strong>Background info:</strong></p>
  <p>In my application I am using Three.js to generate a background on my landing page. I’ve enclosed all the animation code within a component I call <code>&lt;Wave /&gt;</code> which I include in my index.vue.
  <code>&lt;Wave /&gt;</code> has only a div, in which I am trying to append a renderer – this works flawlessly in both production and development on my local computer, as well as in production on the default azurewebsites domain binding.</p>
  <p>But then when accessing the same app service from a custom binding set up through CloudFlare, the component fails and I get the error saying <code>DOMException: Node.appendChild: Cannot add children to a Text</code> (This time using Firefox).
  This however only happens on a hard reload while accessing the custom binding, if I visit other links inside the app and move back to the route with the <code>&lt;Wave /&gt;</code> component, then it works perfectly.</p>
  <p><strong>General concept:</strong></p>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;div ref=&quot;animationContainer&quot;&gt;&lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    data() {
      return {
        container: null,
      }
    },
    mounted() {
      this.init()
    },
      methods: {
      init() {
        this.container = this.$refs.animationContainer
        this.container.appendChild(someRenderer)
      },
  }
  &lt;/script&gt;
  </code></pre>
  <p>Which produce the error <strong>only</strong> in a deployed production using the custom domain binding:</p>
  <pre><code>DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method.
      at Object.appendChild (/_nuxt/0fdd5ad.js:2:41686)
      ...
  </code></pre>
  <p>I also did try to wrap the <code>&lt;Wave /&gt;</code> component in <code>&lt;ClientOnly&gt;</code>-tags, but this does not change the error in any way.</p>
  <p>Any pointers on where to begin would be greatly appreciated.</p>