Alat pengembang React - Nonaktifkan "break on warnings"

87

Saat mengembangkan dengan create-react-app, browser saya memasuki mode debugger pada peringatan:

Itu rusak pada kode sumber 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.

Bagaimana cara menonaktifkan perilaku ini?

reactjs javascript-debugger

— kadoman
sumber

16

Perilaku ini sangat mengganggu. Saya benar-benar ingin tahu cara menonaktifkannya

— guillaume

3

berikut adalah petunjuk langkah demi langkah oleh Dan github.com/facebook/react/issues/19308#issuecomment-656682924 untuk menghapus perilaku ini untuk saat ini

— Alireza

1

Solusi saya adalah membuat kotak hitam file tertentu itu sehingga debugger melewatinya sepenuhnya. Kecuali Anda mengembangkan plugin itu, Anda harus melakukannya dengan baik.

— Derek

82

Buka Chrome Devtools → di konsol Chrome, buka Komponen → Klik Pengaturan → hapus pengaturan Break on Warning . Lakukan hal yang sama di Profiler → Settings → unset Break on warning .

@cadoman menunjuk centang dan kemudian hapus centang untuk memastikan pekerjaan.

NB: Gambar dari https://github.com/facebook/react/issues/19308#issuecomment-656669792

— Naresh Kumar
sumber

31

Dan Anda perlu memeriksa kemudian hapus centang jika belum diperiksa

— cadoman

Tampaknya juga ada bug di mana kotak centang menjadi bingung antara Pengaturan Profiler dan Komponen. Centang atau hapus centang satu, lalu yang lain menunjukkan nilai terakhir. Jadi seperti yang dikatakan cadoman, centang dan hapus centang saja.

— reaktif-core

haaa, saya menemukan Anda :)

— 7urkm3n

15

Berdasarkan permintaan pull DevTools: Matikan break-on-warnai secara default # 19309 sepertinya itu bug.

Kotak Break On Warnings tidak dicentang untuk saya dan masih akan rusak. Menghapus dan membaca ekstensi untuk memaksa pembaruan telah memperbaikinya untuk saya.

Saya tidak tahu cara lain untuk memaksa Chrome memperbarui ekstensi di luar jadwal regulernya.

— Chris Weiss
sumber

4

Buka alat ReactDev Anda di tab Debugging dan nonaktifkan "Break on Warning".

Saya pikir perilaku baru ini dimulai hari ini dengan PR baru ini: https://github.com/facebook/react/pull/19048

— Adriano Costa
sumber

3

Chrome memiliki fitur "blackbox script" yang berguna dalam kasus ini.

Buka alat Pengembang Chrome -> tab sumber
Pilih "react_developer_tools.js" dari panel kiri
Klik kanan file dan pilih "Blackbox script"

— Bidyashish Kumar
sumber

3

Ini masalah yang diketahui. Solusi diposting di GitHub: Bug: Pernyataan debugger tak terduga di DevTools (diselesaikan) # 19308

— Doug G
sumber

3

Masalah ini karena rilis baru-baru ini. Solusi yang diusulkan oleh tim React adalah:

Buka Alat Pengembang Chrome
Klik pada Tab Komponen (Ekstensi Alat Pengembang React)
Klik pada ikon Pengaturan (terletak di sebelah kotak pencarian komponen)
Setelah modal terbuka pilih tab Debugging
Terakhir, klik dua kali pada kotak centang Break on Warnings (centang dan hapus centang)

Pastikan bahwa kotak centang Break on Warnings tidak dicentang.

Referensi: Tautan masalah

— Malaji Nagaraju
sumber