¿Cómo se importa jquery en webview? Intenté modificar:

https://github.com/microsoft/vscode-extension-samples/blob/main/webview-sample/

para utilizar la biblioteca jquery agregándola a la misma ubicación que main.js y luego agregando algo como esto:

 const jqueryPathOnDisk = vscode.Uri.joinPath(this._extensionUri, 'media', 'jquery-3.6.0.min.js'); const jqueryUri = (jqueryPathOnDisk).with({ 'scheme': 'vscode-resource' });

seguido por

 <script nonce="${nonce}" src="${jqueryUri}"></script>

Por aquí en el código:

https://github.com/microsoft/vscode-extension-samples/blob/116b0aa1ade25bfd3c6f3df0847200089b82b72f/webview-sample/src/extension.ts#L171

Pero desafortunadamente esto no parece funcionar.

También he intentado eliminar la siguiente línea:

 <meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src ${webview.cspSource}; img-src ${webview.cspSource} https:; script-src 'nonce-${nonce}';">

de este archivo: https://github.com/microsoft/vscode-extension-samples/blob/main/webview-sample/src/extension.ts

Y luego importar un cdn pero eso tampoco funciona. No importa qué window.jQuery devuelve indefinido.

Cualquier idea lo haría. ser apreciado.