javascript - 如何将本地 jQuery 导入到 VS Code 扩展的 webview 中？

Question

如何将 jquery 导入 webview？我试图修改：

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

通过将 jquery 库添加到与 main.js 相同的位置，然后添加如下内容来利用 jquery 库：

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

其次是

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

在代码中：

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

但不幸的是，这似乎不起作用。

我还尝试删除以下行：

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

从这个文件： https ://github.com/microsoft/vscode-extension-samples/blob/main/webview-sample/src/extension.ts

然后导入一个cdn，但这也不起作用。不管 window.jQuery 返回什么 undefined。

任何见解都会。受到赞赏。

标签： javascriptjquerytypescriptwebviewvscode-extensions