Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

React Native Tools debugging fails with recent React Native 0.85 / 0.86 Android Hermes apps

Đang mở
  • Có gì không ổn?
#2,781 1 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 1 ngày

@urbanst đang làm issue này rồi.

Từ ngày 11/7/2026.

  • #2782 của @urbanst — đang mở

Đánh giá

Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức phù hợp với người mới
48/100
Loại issue
Lỗi
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Ít trao đổi
Công nghệ
react-native, typescript, vscode
Lĩnh vực
devtools, mobile-dev

Hướng nghiên cứu

Bắt đầu với cấu hình "Attach to Hermes application" trong README và tái hiện lỗi bằng ứng dụng Android Hermes bare tối giản được mô tả, so sánh React Native 0.74.x với 0.85.3 và 0.86.x. Theo dõi đường dẫn attach và hành vi binding breakpoint đối với cổng null cùng các breakpoint chưa được liên kết đã báo cáo; hoàn tất khi VS Code attach và bind hoặc chạm tới breakpoint trong App.tsx trên các phiên bản gần đây.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

bug

🐛 What is the bug? How can we reproduce it?

React Native Tools does not seem to work reliably with recent React Native versions, specifically RN 0.85.x and 0.86.x, when debugging a bare React Native Android Hermes app from VS Code.

We tested a minimal bare React Native Android app with a single button and a breakpoint / debugger; statement inside the button onPress handler.

The app itself builds and runs on Android emulator, Metro is running, and Hermes inspector target is visible from Metro, but VS Code debugging does not work.

Summary of what we observed

React Native 0.74.x

Debugging worked.

With React Native 0.74.x and React Native Tools 1.13.0, Hermes attach worked and breakpoints in App.tsx were hit.

React Native 0.85.3

Debugging does not work.

With React Native 0.85.3 and React Native Tools 1.13.0, the debugger attaches or appears to attach, but breakpoints become unbound and are not hit.

With React Native 0.85.3 and React Native Tools 1.14.0, the extension fails earlier with:

Cannot read properties of null (reading 'port')


This happens even with the minimal attach config from the README:
{
  "name": "Attach to Hermes application",
  "cwd": "${workspaceFolder}",
  "type": "reactnativedirect",
  "request": "attach"
}

We also tried an explicit config:
{
  "name": "Attach Hermes Android",
  "cwd": "${workspaceFolder}",
  "type": "reactnativedirect",
  "request": "attach",
  "platform": "android",
  "address": "localhost",
  "port": 8081,
  "useHermesEngine": true,
  "sourceMaps": true,
  "trace": "log"
}

Expected behavior
React Native Tools should attach to the running Hermes app and bind/hit breakpoints in App.tsx, like it did with RN 0.74.x.

Actual behavior
With recent RN versions:
RN 0.85.3 + React Native Tools 1.13.0: breakpoints become unbound and do not hit.
RN 0.85.3 + React Native Tools 1.14.0: attach fails with Cannot read properties of null (reading 'port').
RN 0.86.x: debugging was also not successful in our tests.
Ngôn ngữ chính
TypeScript
Star
2.7k
Fork
296
Merge trung bình
6 giờ 44 phút
Pull request đã merge (30 ngày)
25

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của microsoft/vscode-react-native

Tất cả issue của microsoft/vscode-react-native

Issue tương tự

Thêm issue về TypeScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.