У меня есть несколько веб-компонентов, созданных с использованием stenciljs. Когда я включаю их в HTML с самого начала все работает нормально, см. Пример
<codext-gradient-button color="darkblue" class="hydrated">Gradient
Button - Darkblue</codext-gradient-button>
<script type="text/javascript" src="https://unpkg.com/@codext/stencil-
components@0.0.6/dist/gradient-button.js"></script>
https://jsfiddle.net/vqe7wchb/1/.
Но когда я динамически добавляю компонент, операция завершается неудачно, см. Пример
<script>
let script = document.createElement('script');
script.src = "https://unpkg.com/@codext/stencil- components@0.0.6/dist/gradient-button.js";
document.head.appendChild(script);
</script>
<codext-gradient-button color="darkblue" class="hydrated">Gradient Button
- Darkblue</codext-gradient-button>
https://jsfiddle.net/vqe7wchb/2/.
Я открыл ошибку в проекте stenciljs на github, там вы можете найти более подробную информацию https://github.com/ionic-team/stencil/issues/1429.