code-forge-io / code-forge-io/react-router-devtools
Port conflict (EADDRINUSE) when running typegen and dev server simultaneously
- 主要语言
- TypeScript
- 星标
- 972
- 派生
- 55
- PR 合并指标
- 30 天内没有已合并 PR
描述
# 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
```bash
# 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
贡献指南
这个仓库没有索引到贡献指南
调研方向
未指定源文件或测试。首先跟踪 dev server 和 typegen entry points 共享的 DevTools 初始化过程,然后检查列出的环境变量和进程参数。完成的标准是 pnpm dev 和类型生成命令可以同时运行而不会出现 EADDRINUSE 错误,同时保留正常的 DevTools 行为。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- react, typescript, vite
- 领域
- devtools
- Issue 类型
- 缺陷
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 活跃度
- 停滞
- 描述清晰度
- 基本清楚
- 新手友好度
- 45/100