Estoy desarrollando la extensión de código VS. Para eso, usé WebView para mostrar la interfaz de usuario y realizar alguna tarea en ella. Entonces usé svelte para personalizar mi panel WebView.

Mi problema es que creé un archivo esbelto que contiene estilos, JS, HTML. Entonces, cuando llamo al método onclick dentro de la etiqueta, no funcionará, pero cuando se coloca fuera de la etiqueta, funciona. ¿POR QUÉ SUCEDE ESO? ¿Como puedo resolver esto?

 <h1 style="text-align:center" on:click={microphoneOnAndOff}>Click Me</h1> **--// This work** <div class="box"> <div class="object"> <div class="outline" style="display: none;"></div> <div class="outline" id="delayed" style="display: none;"></div> <div class="buttonStyle"></div> <div class="buttonStyle" id="circlein"> <svg on:click={microphoneOnAndOff} class=""></svg> **--// This Not work** </div> </div> </div>

Alguien me puede ayudar a solucionar este problema?