Tensorboard launches with a dark blank screen

Type: Bug

1. I'm using Ubuntu.
2. I'm starting TensorBoard using the Python: Launch TensorBoard command.
3. When TensorBoard launches, it displays a dark blank screen like this:

Extension version: 2023.10.1002992421
VS Code version: Code 1.86.1 (31c37ee8f63491495ac49e43b8544550fbae4533, 2024-02-07T09:07:19.849Z)
OS version: Linux x64 6.5.0-17-generic
Modes:
Remote OS version: Linux x64 5.15.0-89-generic

vsliv368cf:30146710
vspor879:30202332
vspor708:30202333
vspor363:30204092
vscod805cf:30301675
binariesv615:30325510
vsaa593cf:30376535
py29gd2263:30899288
c4g48928:30535728
azure-dev_surveyone:30548225
962ge761:30959799
pythongtdpath:30769146
welcomedialog:30910333
pythonidxpt:30866567
pythonnoceb:30805159
asynctok:30898717
pythontestfixt:30902429
pythonregdiag2:30936856
pyreplss1:30897532
pythonmypyd1:30879173
pythoncet0:30885854
h48ei257:30962250
pythontbext0:30879054
dsvsc016:30899300
dsvsc017:30899301
dsvsc018:30899302
b1063948:30958189
bg6jg535:30958357

Here are my logs in the developer console:

[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
log.ts:417  INFO Started local extension host with pid 45098.
log.ts:417  INFO Invoking resolveAuthority(ssh-remote)...
log.ts:417  INFO [LocalProcess0][resolveAuthority(ssh-remote,1)][0ms] obtaining proxy...
log.ts:417  INFO [LocalProcess0][resolveAuthority(ssh-remote,1)][0ms] invoking...
log.ts:417  INFO [LocalProcess0][resolveAuthority(ssh-remote,1)][1001ms] waiting...
log.ts:417  INFO [LocalProcess0][resolveAuthority(ssh-remote,1)][2030ms] waiting...
log.ts:417  INFO [LocalProcess0][resolveAuthority(ssh-remote,1)][3085ms] waiting...
log.ts:427  WARN [cmake-tools]: Couldn't find message for key cmake-tools.configuration.cmake.options.advanced.statusBarVisibility.variant.description.
log.ts:417  INFO [LocalProcess0][resolveAuthority(ssh-remote,1)][4001ms] waiting...
log.ts:417  INFO [LocalProcess0][resolveAuthority(ssh-remote,1)][5008ms] waiting...
log.ts:417  INFO [LocalProcess0][resolveAuthority(ssh-remote,1)][5385ms] returned Managed(1)
log.ts:417  INFO resolveAuthority(ssh-remote) returned 'Managed(1)' after 5386 ms
log.ts:417  INFO Creating a socket (renderer-Management-06bccb0a-5ba1-4783-b5bb-4db495f1787b)...
log.ts:417  INFO Creating a socket (renderer-ExtensionHost-e0f627a9-3cdc-457b-be16-2ee4fc239fe2)...
log.ts:417  INFO Creating a socket (renderer-Management-06bccb0a-5ba1-4783-b5bb-4db495f1787b) was successful after 614 ms.
log.ts:417  INFO Creating a socket (renderer-ExtensionHost-e0f627a9-3cdc-457b-be16-2ee4fc239fe2) was successful after 618 ms.
console.ts:94 [Violation] 'requestAnimationFrame' handler took 101ms
log.ts:417  INFO [perf] Render performance baseline is 42ms
[Violation] Forced reflow while executing JavaScript took 33ms
webviewElement.ts:512 An iframe which has both allow-scripts and allow-same-origin for its sandbox attribute can escape its sandboxing.
mountTo @ webviewElement.ts:512
M @ overlayWebview.ts:218
claim @ overlayWebview.ts:120
kb @ webviewEditor.ts:178
setInput @ webviewEditor.ts:169
await in setInput (async)
S @ editorPanes.ts:445
L @ editorPanes.ts:270
openEditor @ editorPanes.ts:146
(anonymous) @ editorGroupView.ts:1124
Eb @ editorGroupView.ts:1148
Db @ editorGroupView.ts:1106
openEditor @ editorGroupView.ts:1012
openEditor @ editorService.ts:556
openWebview @ webviewWorkbenchService.ts:285
$createWebviewPanel @ mainThreadWebviewPanels.ts:167
S @ rpcProtocol.ts:458
Q @ rpcProtocol.ts:443
M @ rpcProtocol.ts:373
L @ rpcProtocol.ts:299
(anonymous) @ rpcProtocol.ts:161
y @ event.ts:1127
fire @ event.ts:1158
fire @ ipc.net.ts:650
z @ ipc.net.ts:1015
(anonymous) @ ipc.net.ts:875
y @ event.ts:1127
fire @ event.ts:1158
acceptChunk @ ipc.net.ts:394
(anonymous) @ ipc.net.ts:350
y @ event.ts:1127
fire @ event.ts:1158
fire @ event.ts:1324
(anonymous) @ managedSocket.ts:108
y @ event.ts:1127
fire @ event.ts:1158
$onDidManagedSocketHaveData @ mainThreadManagedSockets.ts:77
S @ rpcProtocol.ts:458
Q @ rpcProtocol.ts:443
M @ rpcProtocol.ts:373
L @ rpcProtocol.ts:308
(anonymous) @ rpcProtocol.ts:161
y @ event.ts:1127
fire @ event.ts:1158
fire @ ipc.net.ts:650
x.onmessage @ localProcessExtensionHost.ts:376
index.html?id=6b774419-c041-4136-bc3b-edce925bf333&origin=fb111157-5d9c-41b5-be9a-4c7c000c92e2&swVersion=4&extensionId=ms-toolsai.tensorboard&platform=electron&vscode-resource-base-authority=vscode-resource.vscode-cdn.net&parentOrigin=vscode-file%3A%2F%2Fvscode-app&remoteAuthority=ssh-remote%2B7b22686f73744e616d65223a22626f64792e64322e636f6d702e6e75732e6564752e7367222c2275736572223a2268616e2d776569227d:1003 [Violation] Avoid using document.write(). https://developers.google.com/web/updates/2016/08/removing-document-write
(anonymous) @ index.html?id=6b774419-c041-4136-bc3b-edce925bf333&origin=fb111157-5d9c-41b5-be9a-4c7c000c92e2&swVersion=4&extensionId=ms-toolsai.tensorboard&platform=electron&vscode-resource-base-authority=vscode-resource.vscode-cdn.net&parentOrigin=vscode-file%3A%2F%2Fvscode-app&remoteAuthority=ssh-remote%2B7b22686f73744e616d65223a22626f64792e64322e636f6d702e6e75732e6564752e7367222c2275736572223a2268616e2d776569227d:1003
 
        
        
       GET http://localhost:6006/ net::ERR_CONTENT_LENGTH_MISMATCH 200 (OK)
(anonymous) @ index.html:1003
setTimeout (async)
onFrameLoaded @ index.html:1001
(anonymous) @ index.html:1032

Reproduce the issue with the Python: Launch TensorBoard command in the reported Ubuntu and remote SSH setup, then inspect the VS Code webview and localhost:6006 loading path. Start with the developer-console ERR_CONTENT_LENGTH_MISMATCH entry in index.html; done means TensorBoard renders instead of showing a dark blank screen.