title: Dynamic import fails with stencil js
body: <p>I have some web components created using stenciljs. When I include them in the html from the beginng everything work fine, see example </p>
  
  <pre><code>&lt;codext-gradient-button color="darkblue" class="hydrated"&gt;Gradient 
  Button - Darkblue&lt;/codext-gradient-button&gt;
  &lt;script type="text/javascript" src="https://unpkg.com/@codext/stencil- 
  components@0.0.6/dist/gradient-button.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/vqe7wchb/1/" rel="nofollow noreferrer">https://jsfiddle.net/vqe7wchb/1/</a>.</p>
  
  <p>But when I add dynamically the component the operation fails, see example </p>
  
  <pre><code>&lt;script&gt;
    let script = document.createElement('script');
      script.src = "https://unpkg.com/@codext/stencil-  components@0.0.6/dist/gradient-button.js";
  document.head.appendChild(script);
  &lt;/script&gt;
  &lt;codext-gradient-button color="darkblue" class="hydrated"&gt;Gradient Button 
  - Darkblue&lt;/codext-gradient-button&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/vqe7wchb/2/" rel="nofollow noreferrer">https://jsfiddle.net/vqe7wchb/2/</a>.</p>
  
  <p>I did open a bug in the stenciljs project on github, you may find there more details <a href="https://github.com/ionic-team/stencil/issues/1429" rel="nofollow noreferrer">https://github.com/ionic-team/stencil/issues/1429</a>.</p>