Error when runs from WSL

Paths are not working with WSL.

To Reproduce Steps to reproduce the behavior:

1. Create a project with Vite inside WSL
2. Opened it on VS Code using the Remote - WSL extension.
3. Install click-to-component and add the configs
4. Run de project
5. Click on the secondary button and show the context menu with components
6. Click on <App> component
7. Show an error on VSCode
8. If click on [Yes] button, show this message
9. This is the message that shows the console in Chrome

Expected behavior Open in VSCode without error

Desktop:

• OS: Windows 10 21H2
• Browser: Chrome
• Version: Version 100.0.4896.127 (Official Build) (64-bit)
• WSL: Version 2

[ericclemmons]

I’ve voted for https://github.com/microsoft/vscode-remote-release/issues/4779!

In the meantime, I think we’re forced to close this issue **until the browser supports a ${protocol}://... that this library can window.open(url) with 😦

When that’s ready, instead of editor there’ll be a prop like sourceToURL({ editor, source }): string that you can use to craft a working URL.

[equiman]

I’ve copied the path from File Explorer

Add put on browser address bar like this: vscode://file//wsl$/Ubuntu/home/juanmartinez/DEIN/scrimba-react-vite/src/App.jsx:11:9

But happen me the same to you, open it another ‘local’ instance, instead ‘wsl-remote’

Seems to be that we are gonna need to wait until vscode-remote:// was supported on the browser 😥