動的に追加する<webview>が動作しない

Question

私の電子のアプリでは、<webview>を動的に追加して、メインレンダラーとは異なるプロセスでレンダリングするようにしています。

私はJavascriptで自分のテンプレートを管理するためにハンドルバーを使用します。

<webview>を動的に追加すると機能しません。私のレンダラで

は、私が行うこと：

// library inclusion 

let templateElement = document.createElement('template') 
templateElement.innerHTML = Handlebars.compile(document.querySelector('template').innerHTML)(data) // data contain the id (myWebview) and html (file://[...]) 
let content = templateElement.content 
document.querySelector('#myDiv').appendChild(content.querySelector('#myWebview')) // here, the <webview> is created and placed in the right position 

let webview = document.querySelector('webview') // return the <webview> 
webview.addEventListener('dom-ready',() => { 
    // this event never called 
    webview.loadURL(webview.getAttribute('src')) 
}) 

ここで、私の.htmlです：

<div id="myDiv"></div> 

<script id="template" type="text/x-handlebars-template"> 
    <webview id="{{id}}" src="{{html}}"></webview> 
</script> 

EDIT

私はHTMLに直接<webview>を追加すると、それが正常に動作します。そして、私が<webview>をに変更すると動作します。

Answer 1

<script>タグは、<webview>が電子によって考慮されないと考えています。

問題を回避するために、<webview>タグをHTMLに直接配置し、JavaScriptでハンドルバーを使用せずに取得します。