mcp-feedback-enhanced/docs/zh-TW/ssh-remote/browser-launch-issues.md

104 lines
3.7 KiB
Markdown
Raw Normal View History

2025-06-08 02:43:28 +08:00
# SSH Remote 環境瀏覽器啟動問題解決方案
## 問題描述
在 SSH Remote 環境(如 Cursor SSH Remote、VS Code Remote SSH 、WSL 等)中使用 MCP Feedback Enhanced 時,可能會遇到以下問題:
- 🚫 瀏覽器無法自動啟動
- ❌ 顯示「無法啟動瀏覽器」錯誤
- 🔗 Web UI 無法在本地瀏覽器中開啟
## 原因分析
SSH Remote 環境的限制:
1. **顯示環境隔離**: 遠端伺服器沒有圖形界面環境
2. **網路隔離**: 遠端端口無法直接在本地訪問
3. **瀏覽器不存在**: 遠端環境通常沒有安裝瀏覽器
## 解決方案
### 步驟一:設定端口(可選)
MCP Feedback Enhanced 預設使用端口 **8765**,您也可以自定義端口:
![設定端口](../images/ssh-remote-port-setting.png)
### 步驟二:等待 MCP 呼叫
**重要**:不要手動啟動 Web UI而是要等待 AI 模型呼叫 MCP 工具時自動啟動。
當 AI 模型呼叫 `interactive_feedback` 工具時,系統會自動啟動 Web UI。
### 步驟三:查看端口並連接
如果瀏覽器沒有自動啟動,您需要手動連接到 Web UI
#### 方法一:查看端口轉發
查看您的 SSH Remote 環境的端口轉發設定,找到對應的本地端口:
![連接到 URL](../images/ssh-remote-connect-url.png)
#### 方法二:使用 Debug 模式查看
在 IDE 中開啟 Debug 模式選擇「輸出」→「MCP Log」可以看到 Web UI 的 URL
![Debug 模式查看端口](../images/ssh-remote-debug-port.png)
### 步驟四:在本地瀏覽器開啟
1. 複製 URL通常是 `http://localhost:8765` 或其他端口)
2. 在本地瀏覽器中貼上並開啟
3. 開始使用 Web UI 進行回饋
## 端口轉發設定
### VS Code Remote SSH
1. 在 VS Code 中按 `Ctrl+Shift+P`
2. 輸入 "Forward a Port"
3. 輸入端口號(預設 8765
4. 在本地瀏覽器中訪問 `http://localhost:8765`
### Cursor SSH Remote
1. 查看 Cursor 的端口轉發設定
2. 手動添加端口轉發規則(端口 8765
3. 在本地瀏覽器中訪問轉發的端口
## 重要提醒
### ⚠️ 不要手動啟動
**請勿**手動執行 `uvx mcp-feedback-enhanced test --web` 等指令,這樣無法與 MCP 系統整合。
### ✅ 正確流程
1. 等待 AI 模型呼叫 MCP 工具
2. 系統自動啟動 Web UI
3. 查看端口轉發或 Debug 日誌
4. 在本地瀏覽器中開啟對應 URL
## 常見問題
### Q: 為什麼在 SSH Remote 環境中無法自動開啟瀏覽器?
A: SSH Remote 環境是無頭環境headless沒有圖形界面因此無法直接啟動瀏覽器。需要通過端口轉發在本地瀏覽器中訪問。
### Q: 如何確認 Web UI 是否正常啟動?
A: 查看 IDE 的 Debug 輸出或 MCP Log如果看到 "Web UI 已啟動" 的訊息,表示啟動成功。
### Q: 端口被占用怎麼辦?
A: 在 MCP 設定中修改端口號,或者等待系統自動選擇其他可用端口。
### Q: 找不到端口轉發設定怎麼辦?
A: 查看您的 SSH Remote 工具文檔,或使用 Debug 模式查看 MCP Log 中的 URL。
### Q: 為什麼沒有接收到 MCP 新的反饋?
A: 可能是 WebSocket 連接有問題。**解決方法**:直接重新整理瀏覽器頁面,這會重新建立 WebSocket 連接。
### Q: 為什麼沒有呼叫出 MCP
A: 請確認 MCP 工具狀態為綠燈(表示正常運作)。**解決方法**
- 檢查 IDE 中的 MCP 工具狀態指示燈
- 如果不是綠燈,嘗試反覆開關 MCP 工具
- 等待幾秒鐘讓系統重新連接
### Q: 為什麼 Augment 無法啟動 MCP
A: 有時候可能會有錯誤導致 MCP 工具沒有顯示綠燈狀態。**解決方法**
- 完全關閉並重新啟動 VS Code 或 Cursor
- 重新開啟專案
- 等待 MCP 工具重新載入並顯示綠燈