mcp-feedback-enhanced/docs/zh-TW/ssh-remote/browser-launch-issues.md
2025-06-08 02:43:28 +08:00

104 lines
3.7 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 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 工具重新載入並顯示綠燈