React geliştirme araçları - "Uyarılarda ara verme" özelliğini devre dışı bırakın

87

Create-react-app ile geliştirme yaparken tarayıcım şu uyarılarda hata ayıklayıcı moduna girer:

React-dev-tools'un kaynak kodunu bozuyor:

   // --- 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.

Bu davranışı nasıl devre dışı bırakabilirim?

reactjs javascript-debugger

— kadoman
kaynak

16

Bu davranış tamamen can sıkıcıdır. Bunu nasıl devre dışı bırakacağımı gerçekten öğrenmek istiyorum

— Guillaume

3

Dan github.com/facebook/react/issues/19308#issuecomment-656682924 tarafından bu davranışı şimdilik kaldırmak için adım adım talimat burada

— Alireza

1

Çözümüm, o dosyayı kara kutuya almaktı, böylece hata ayıklayıcı onu tamamen atlar. Bu eklentiyi geliştirmiyorsanız, bunu yapmakta iyi olmalısınız.

— Derek

82

Krom konsolundaki Chrome DevTools'un → gidin, gidin Bileşen tıklayın → Ayarlar → unset Uyarı Arası . Aynısını Profiler → Ayarlar → Unset Break on warning'de de yapın .

@cadoman işaret etti ve ardından emin olmak için işareti kaldırın.

Not: https://github.com/facebook/react/issues/19308#issuecomment-656669792 adresinden görüntü

— Naresh Kumar
kaynak

31

Ve zaten işaretli değilse işaretini edip etmediğini kontrol etmek gerek

— cadoman

Ayrıca, Profiler ile Bileşen ayarları arasında onay kutusunun karıştırılmasına neden olan bir hata var gibi görünüyor. Birini işaretleyin veya işaretini kaldırın, ardından diğeri son değeri gösterir. Kadomanın dediği gibi, sadece kontrol edin ve işaretini kaldırın.

— reaktif-çekirdek

haaa, seni buldum :)

— 7urkm3n

15

Çekme isteğine göre DevTools: Break-on-warn'ı varsayılan olarak kapatın # 19309, bu bir hata gibi görünüyor.

Break On Warnings kutusu benim için işaretlenmemişti ve yine de kırılıyordu. Bir güncellemeyi zorlamak için uzantıyı kaldırmak ve okumak benim için düzeltildi.

Chrome'u normal programının dışında bir uzantıyı güncellemeye zorlamanın başka bir yolunu bilmiyorum.

— Chris Weiss
kaynak

4

Hata Ayıklama sekmesindeki ReactDev araçlarınıza gidin ve "Break on Warning" seçeneğini devre dışı bırakın.

Sanırım bu yeni davranış bugün bu yeni PR ile başladı: https://github.com/facebook/react/pull/19048

— Adriano Costa
kaynak

3

Chrome, bu durumda yararlı olan bir "BlackBox komut dosyası" özelliğine sahiptir.

Chrome Geliştirici araçlarına gidin -> kaynak sekmesi
Sol bölmeden "react_developer_tools.js" yi seçin
Dosyayı sağ tıklayın ve "Kara kutu komut dosyası" nı seçin

— Bidyashish Kumar
kaynak

3

Bu bilinen bir sorun. GitHub'da bir geçici çözüm yayınlandı: Hata: DevTools'ta beklenmeyen hata ayıklayıcı ifadesi (çözüldü) # 19308

— Doug G
kaynak

3

Sorun, yeni bir sürümden kaynaklanıyor. React ekibi tarafından önerilen bir Geçici Çözüm:

Git Chrome Geliştirici Araçları
Bileşenler Sekmesine tıklayın (React Geliştirici Araçları Uzantısı)
Ayarlar simgesine tıklayın (bileşen arama kutusunun yanında bulunur)
Modal açıldıktan sonra Hata Ayıklama sekmesini seçin
Son olarak, Break on Warnings onay kutusunu çift tıklayın (işaretli ve işaretsiz)

Sonunda Uyarılarda Kırılma onay kutusunun işaretlenmemiş olduğundan emin olun.

Referans: Sorun bağlantısı

— Malaji Nagaraju
kaynak