ตอบสนองเครื่องมือ dev - ปิดใช้งาน "ทำลายคำเตือน"

ในขณะที่พัฒนาด้วย create-react-app เบราว์เซอร์ของฉันจะเข้าสู่โหมด debugger ตามคำเตือน:

มันแตกในซอร์สโค้ดของ 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.

ฉันจะปิดใช้งานพฤติกรรมนี้ได้อย่างไร

ไปที่ Chrome Devtools →ใน Chrome คอนโซลไปที่ตัวแทน →คลิกที่การตั้งค่า →ล้างแบ่งในคำเตือน ทำเช่นเดียวกันในProfiler → การตั้งค่า →ล้างหยุดเตือน

@cadoman ชี้ให้ตรวจสอบแล้วยกเลิกการเลือกเพื่อให้ทำงานได้อย่างแน่นอน

PS: ภาพจากhttps://github.com/facebook/react/issues/19308#issuecomment-656669792

ตามคำขอดึงDevTools: ทำการปิดการแจ้งเตือนโดยค่าเริ่มต้น # 19309ดูเหมือนว่าจะเป็นข้อบกพร่อง

กล่องคำเตือนการหยุดพักไม่ได้เลือกไว้สำหรับฉันและมันก็ยังคงแตก การลบและอ่านส่วนขยายเพื่อบังคับให้การอัปเดตแก้ไขให้ฉัน

ฉันไม่รู้วิธีอื่นในการบังคับให้ Chrome อัปเดตส่วนขยายนอกกำหนดเวลาปกติ

ไปที่เครื่องมือ ReactDev ของคุณในแท็บการดีบักและปิดใช้งาน "Break on Warning"

ฉันคิดว่าพฤติกรรมใหม่นี้เริ่มต้นตั้งแต่วันนี้ด้วยการประชาสัมพันธ์ใหม่นี้: https://github.com/facebook/react/pull/19048

Chrome มีคุณลักษณะ "BlackBox script" ซึ่งมีประโยชน์ในกรณีนี้

1. ไปที่เครื่องมือสำหรับนักพัฒนา Chrome -> แท็บแหล่งที่มา
2. เลือก "react_developer_tools.js" จากบานหน้าต่างด้านซ้าย
3. คลิกขวาที่ไฟล์แล้วเลือก "สคริปต์ Blackbox"

เป็นปัญหาที่ทราบ มีการโพสต์วิธีแก้ปัญหาบน GitHub: Bug: คำสั่ง debugger ที่ไม่คาดคิดใน DevTools (แก้ไขแล้ว) # 19308

ปัญหานี้เกิดจากการเปิดตัวล่าสุด วิธีแก้ปัญหาที่เสนอโดยทีม React คือ:

• ไปที่Chrome Developer Tools
• คลิกที่แท็บComponents (React Developer Tools Extension)
• คลิกที่ไอคอนการตั้งค่า (อยู่ถัดจากช่องค้นหาส่วนประกอบ)
• เมื่อโมดอลเปิดขึ้นให้เลือกแท็บการดีบัก
• สุดท้ายให้ดับเบิลคลิกที่ช่องทำเครื่องหมายBreak on Warnings (เลือกและไม่เลือก)

ตรวจสอบให้แน่ใจในที่สุดก็ไม่ได้เลือกช่องทำเครื่องหมายหยุดพักคำเตือน

อ้างอิง: ลิงค์ปัญหา