Usando el ejemplo de vista web de vscode como punto de partida.
Cuando genero HTML y agrego 2 etiquetas <script/> solo se ejecuta la primera
private _getHtmlForWebview({webview, catGifPath, catName}: { webview: vscode.Webview, catGifPath: string, catName: string, }) { const div1Modifier = (vscode.Uri.joinPath(this._extensionUri, 'media', 'div-1-modifier.js')) .with({'scheme': 'vscode-resource'}); const div2Modifier = (vscode.Uri.joinPath(this._extensionUri, 'media', 'div-2-modifier.js')) .with({'scheme': 'vscode-resource'}); return `<!DOCTYPE html> <html lang="en"> <body> <div id="my-div-1"> Initial div-1 content </div> <div id="my-div-2"> Initial div-2 content </div> </body> <script src="${div1Modifier}" /> <script src="${div2Modifier}"/> </html>`; }Producción:
modified from div-1-modifier.js Initial div-2 content Si cambio el orden de las etiquetas <script/> :
<script src="${div2Modifier}"/> <script src="${div1Modifier}" /> Luego se ejecuta div2Modifier , obteniendo el resultado:
Initial div-1 content modified from div-2-modifier.js ¿Cómo abordar la solución de esto, para que ambas etiquetas <script/> se ejecuten?