Công cụ React dev - Hủy kích hoạt "cảnh báo vi phạm"

87

Trong khi phát triển với ứng dụng tạo-phản ứng, trình duyệt của tôi vào chế độ trình gỡ lỗi khi có cảnh báo:

Nó bị hỏng trên mã nguồn của react-dev-tools:

   // --- Welcome to debugging with React DevTools ---
   // This debugger statement means that you've enabled the "break on warnings" feature.
   // Use the browser's Call Stack panel to step out of this override function-
   // to where the original warning or error was logged.

Làm cách nào để hủy kích hoạt hành vi này?

reactjs javascript-debugger

— cadoman
nguồn

16

Hành vi này là hoàn toàn khó chịu. Tôi thực sự muốn biết cách vô hiệu hóa nó

— guillaume

3

đây là hướng dẫn từng bước của Dan github.com/facebook/react/issues/19308#issuecomment-656682924 để xóa hành vi này ngay bây giờ

— Alireza

1

Giải pháp của tôi là hộp đen tệp cụ thể đó để trình gỡ lỗi hoàn toàn bỏ qua nó. Trừ khi bạn đang phát triển plugin đó, bạn nên làm tốt điều đó.

— Derek

82

Đi tới Chrome Devtools → trong bảng điều khiển Chrome, đi tới Thành phần → Nhấp vào Cài đặt → bỏ đặt Break on Warning . Làm tương tự trong Profiler → Cài đặt → unset Nghỉ cảnh báo .

@cadoman chỉ kiểm tra và sau đó bỏ chọn để đảm bảo hoạt động.

Tái bút: Hình ảnh từ https://github.com/facebook/react/issues/19308#issuecomment-656669792

— Naresh Kumar
nguồn

31

Và bạn cần kiểm tra rồi bỏ chọn nếu nó chưa được kiểm tra

— cadoman

Có vẻ như có một lỗi trong đó hộp kiểm bị nhầm lẫn giữa các cài đặt của Hồ sơ và Thành phần. Chọn hoặc bỏ chọn một, sau đó chọn kia hiển thị giá trị cuối cùng. Vì vậy, như cadoman đã nói, chỉ cần chọn và bỏ chọn.

— lõi phản ứng

haaa, tôi đã tìm thấy bạn :)

— 7urkm3n

15

Dựa trên yêu cầu kéo DevTools: Tắt cảnh báo ngắt quãng theo mặc định # 19309 , có vẻ như đó là một lỗi.

Tôi đã bỏ chọn hộp Break On Warnings và nó vẫn sẽ bị vỡ. Việc xóa và đọc tiện ích mở rộng để buộc cập nhật đã khắc phục sự cố cho tôi.

Tôi không biết có cách nào khác để buộc Chrome cập nhật tiện ích mở rộng ngoài lịch trình thông thường.

— Chris Weiss
nguồn

4

Đi tới công cụ ReactDev của bạn trong tab Gỡ lỗi và tắt "Cảnh báo lỗi".

Tôi nghĩ rằng hành vi mới này bắt đầu từ hôm nay với PR mới này: https://github.com/facebook/react/pull/19048

— Adriano Costa
nguồn

3

Chrome có tính năng "Blackox script" rất hữu ích trong trường hợp này.

Đi tới Công cụ dành cho nhà phát triển Chrome -> tab nguồn
Chọn "react_developer_tools.js" từ khung bên trái
Nhấp chuột phải vào tệp và chọn "Tập lệnh hộp đen"

— Bidyashish Kumar
nguồn

3

Đó là một vấn đề đã biết. Một giải pháp được đăng trên GitHub: Lỗi: Tuyên bố trình gỡ lỗi không mong muốn trong DevTools (đã giải quyết) # 19308

— Doug G
nguồn

3

Vấn đề là do một bản phát hành gần đây. Một Giải pháp được nhóm React đề xuất là:

Đi tới Công cụ dành cho nhà phát triển Chrome
Nhấp vào tab Thành phần (Tiện ích mở rộng Công cụ dành cho nhà phát triển React)
Nhấp vào biểu tượng Cài đặt (nằm bên cạnh hộp tìm kiếm thành phần)
Khi phương thức mở ra, hãy chọn tab Gỡ lỗi
Cuối cùng, nhấp đúp vào hộp kiểm Break on Warnings (chọn và bỏ chọn)

Đảm bảo cuối cùng bỏ chọn hộp kiểm Break on Warnings .

Tham khảo: Liên kết vấn đề

— Malaji Nagaraju
nguồn