Alat pengembang React - Nonaktifkan "break on warnings"

87

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

Dijeda di debugger

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

Jawaban:

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

Masukkan deskripsi gambar di sini

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
3

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

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

masukkan deskripsi gambar di sini

Bidyashish Kumar
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

Masukkan deskripsi gambar di sini

Malaji Nagaraju
sumber