Port conflict (EADDRINUSE) when running typegen and dev server simultaneously

未關閉
#243 1 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視

還沒有人認領這個 Issue。

評估

難度
3/5
預估耗時
1-2 天
新手友好度
45/100
Issue 類型
缺陷
描述清晰度
基本清楚
活躍度
停滯
技術堆疊
react, typescript, vite
領域
devtools

研究方向

未指定來源檔案或測試。首先追蹤 dev server 和 typegen entry points 共用的 DevTools 初始化流程,然後檢查列出的環境變數和程序引數。完成的標準是 pnpm dev 和型別產生指令可以同時執行而不會出現 EADDRINUSE 錯誤,同時保留正常的 DevTools 行為。

由索引模型根據 Issue 內容生成。

描述

Port conflict (EADDRINUSE) when running typegen and dev server simultaneously

Context

I'm using React Router DevTools with type generation tools (react-router typegen, safe-routes typegen).

Reproduction

When running type generation tools and the development server simultaneously, both try to bind to port 42069 (used by TanStack DevTools), resulting in an EADDRINUSE error.

Steps to Reproduce
# Terminal 1: Start dev server
pnpm dev

# Terminal 2: Run type generation
pnpm typegen
# or
react-router typegen
Error Message
Error: listen EADDRINUSE: address already in use :::42069

System Info

  • OS: macOS 14.6.0 (Darwin 24.6.0)
  • Node: v20.x
  • Package Manager: pnpm 10.18.0
  • react-router-devtools: 6.0.1
  • @tanstack/devtools: 5.x
  • Vite: 6.3.6

Used Package Manager

pnpm

Expected Behavior

Type generation tools and the dev server should be able to run simultaneously without port conflicts. The DevTools should automatically disable itself when running in a type generation context.

Actual Behavior

The second process fails to start due to port 42069 already being in use by TanStack DevTools, which is initialized by both the dev server and type generation process.

Possible Solution

Detect type generation context (via environment variables like TYPEGEN_RUNNING=1 or command-line arguments) and disable DevTools initialization when running type generation, preventing unnecessary port binding.

Implementation approach:

  • Check for typegen indicators: TYPEGEN_RUNNING=1, SAFE_ROUTES_TYPEGEN=1, process.argv includes "typegen"
  • Return empty plugin array when in typegen context
  • Maintain backward compatibility for normal dev mode
主要語言
TypeScript
星號
975
分支
55
PR 合併指標
30 天內沒有已合併 PR

環境準備

  • 沒有 Dockerfile 或 Docker Compose 檔案
  • 有 Pull Request 範本
  • 沒有貢獻指南

從這裡開始

  1. 先讀完整個 Issue,再讀專案的貢獻指南。
  2. 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
  3. Fork 儲存庫,在一個分支上完成修改。
  4. 送出 Pull Request,並在描述裡引用這個 Issue 編號。

code-forge-io/react-router-devtools 的其他 Issue

查看 code-forge-io/react-router-devtools 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。