code-forge-io / code-forge-io/react-router-devtools

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

未关闭
#243 1 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
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

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。