如何让Docker容器中Svelte Inspector的「在编辑器中打开」功能生效？

在Windows 11 + WSL2 Ubuntu环境下，通过Docker Compose运行SvelteKit开发容器、使用VS Code WSL插件编辑代码时，Svelte Inspector的「在编辑器中打开」功能失效，报错无法找到code命令或执行失败。以下是针对性的解决方案：

核心思路 #

容器内无法直接调用WSL主机的code CLI命令（依赖WSL专属环境），因此需要将打开文件的请求转发到WSL主机执行，利用WSL与VS Code的原生通信能力完成文件定位。

具体步骤 #

1. 创建路径转发脚本 #

在项目根目录下创建dev-tools/code-proxy.sh文件，用于转换容器内路径并调用WSL主机的code命令：

#!/bin/sh
# 替换为你的容器内源码挂载路径和对应的WSL主机路径
CONTAINER_SRC="/app"
WSL_SRC="/home/your-username/your-project-dir"

# 转换路径前缀（容器路径转WSL主机路径）
TARGET_PATH=$(echo "$1" | sed "s|^$CONTAINER_SRC|$WSL_SRC|")

# 通过WSL执行socket调用主机的code命令
exec /run/host-services/exec.socket/exec code "$TARGET_PATH" "$2" "$3"

给脚本添加执行权限：

chmod +x dev-tools/code-proxy.sh

2. 修改Docker Compose配置 #

更新docker-compose.yml，挂载脚本和WSL执行socket，并设置环境变量：

services:
  sveltekit-dev:
    # 保留原有配置（镜像、端口、源码挂载等）
    volumes:
      # 原有源码挂载
      - ./:/app
      # 将自定义脚本挂载为容器内的code命令
      - ./dev-tools/code-proxy.sh:/usr/local/bin/code:ro
      # 挂载WSL执行socket，允许容器调用主机命令
      - /run/host-services/exec.socket:/run/host-services/exec.socket:ro
    environment:
      # 指定编辑器为我们的自定义code脚本
      - EDITOR=code

3. 重启容器并测试 #

执行以下命令重启服务：

docker-compose down && docker-compose up -d

现在点击Svelte Inspector中的「在编辑器中打开」，即可在已打开的VS Code实例中直接定位到对应代码行。

备选方案：切换到Remote Containers开发 #

如果上述方案遇到兼容性问题，可以改用VS Code的Remote Containers插件：

• 直接在容器内打开项目（通过Remote Containers插件），此时容器内会自动配置与VS Code关联的code命令，Svelte Inspector的打开功能会原生工作。
• 注意：此方案会将VS Code的开发上下文切换到容器内，替代原有的WSL插件开发流程。

内容的提问来源于stack exchange，提问作者Jezk