question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

excalidraw preview not displayed in gitpod/openvscode-server (no exceptions logged in browser console nor in the container log)

See original GitHub issue

Does this issue occur when all extensions are disabled?: Yes

  • VS Code Version: 1.67.0, 1.68.1, 1.69.2
  • OS Version: docker on Linux/Darwin (running on the same machines as the browsers listed below, http://localhost:3000)
  • Used Browsers:
    • Chromium 103.0.5060.134 (snap) running on Ubuntu 22.04 5.15.0-41-generic with KDE installed ( sudo apt install kde-full )
    • Chromium 103.0.5060.134 (Official Build) Arch Linux (64-bit) running on 5.18.12-3-MANJARO
    • Google Chrome 103.0.5060.134 running on Darwin Kernel Version 21.5.0
  • Excalidraw Extension: 3.2.0

Steps to Reproduce:

  1. Clone this repository: https://github.com/talsenteam/issue-gitpod-openvscode-server-excalidraw-preview-not-displayed
  2. Run docker compose up --detach
  3. Visit http://localhost:3000/?folder=/home/workspace in your browser (preferrably Chromium without Extensions)
  4. Navigate to the extensions store and install the Excalidraw plugin pomdtr.excalidraw-editor
  5. Open the readonly file test.excalidraw in the editor

More info & some screenshots can be found in the linked repository.

Expected Behavior

The excalidraw preview / editor should be usable when working on http://localhost:3000 without even a reverse proxy (that may cause issues due to some CORS, etc settings).

Workaround

As mentioned by @pomdtr : The Excalidraw extension can be installed via the vsix file ( https://marketplace.visualstudio.com/items?itemName=pomdtr.excalidraw-editor ), then it works.

Notes

Linked Issue: https://github.com/gitpod-io/openvscode-server/issues/393

What do we need to do in order to get the extension to be displayed in the browser? many thanks in advance !!

Issue Analytics

  • State:open
  • Created a year ago
  • Reactions:1
  • Comments:6

github_iconTop GitHub Comments

2reactions
pomdtrcommented, Jul 27, 2022

I think it’s ok, it will allow other users to find the workaround

2reactions
talsenteamcommented, Jul 27, 2022

Installing the extension from the vsix file might fix the error.

Thanks for the hint! Installing it via the vsix file ( https://marketplace.visualstudio.com/items?itemName=pomdtr.excalidraw-editor ) works!

Read more comments on GitHub >

github_iconTop Results From Across the Web

excalidraw preview not displayed (no exceptions logged in ...
Run docker compose up --detach; Visit http://localhost:3000/?folder=/home/workspace in your browser (preferrably Chromium without Extensions) ...
Read more >
React Native: Can't see console.logs when I run application ...
The only problem is that when I run my application through XCode, I can't seem to access the javascript logs. I've tried react-native...
Read more >
Showcasing Excalidraw - Zsolt's blog
Excalidraw is a full-featured sketching component ready for web integration. This post will showcase its key features and open Roam ...
Read more >
Excalidraw - Full featured sketching plugin in Obsidian
Hi, Is it possible to set a maximum width for links and transclusions so that long lines wrap ? Resizing a text box...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found