react 项目怎么打断点

一个开源 react 项目为例

github.com:huyunan/openchat-monorepo.git

前台工程是在 packages/frontend 目录下

launch.json

{"version": "0.2.0","configurations": [{"type": "chrome","request": "launch","name": "针对 localhost 启动 Chrome","url": "http://localhost:5173","webRoot": "${workspaceFolder}/packages/frontend","sourceMapPathOverrides": {"webpack:///packages/frontend/app/*.tsx": "./app/*.tsx"}}]
}

注意 webRoot 必须要有，然后 path 路径配对经测试时用 ./ 方式好使。