Webview图像未从提议的API中的context.extensionPath呈现

问题描述

我正在尝试构建一个内嵌图像查看器，该图像查看器使用https://github.com/microsoft/vscode/issues/85682

中使用的WebviewTextEditorInset API

我成功做到了这一点，并创建了： https://imgur.com/XVcSxvs

在某个地方，我丢失了代码，不得不重做全部，所以我也更新了最新的代码内部人员。 该代码现在无法正常工作，我无法从本地文件加载html标记中的图像，但可以从http加载。

我遵循了本教程：https://code.visualstudio.com/api/extension-guides/webview

这是代码。我有一个名为media的文件夹，并且其中有一个由于某种原因html标签不会加载的图像。

let disposable = vscode.commands.registerTextEditorCommand('extension.aaaa',async editor => {
        console.log('Congratulations');

        // let path = await viewImageSvc.ViewImage(editor.document,editor.selection);
        // viewImageIns.insert(path);

        const rootUrl = vscode.Uri.file(context.extensionPath);
        const activeEditor = vscode.window.activeTextEditor;

        if (!activeEditor) {
            return;
        }

        const inset = vscode.window.createWebviewTextEditorInset(
            activeEditor,1,{ localResourceRoots: [vscode.Uri.file(join(context.extensionPath,'media'))] }
            );

        const ondiskPath = vscode.Uri.file(
                join(context.extensionPath,'media','img.png')
            );
    

        const catGifSrc = inset.webview.asWebviewUri(ondiskPath);
        inset.webview.html = `<img src="${catGifSrc}"/>`
        
    });

context.subscriptions.push(disposable);

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）