उल्लंघन 'अनुरोध IdleCallbackHandler' ने

Question

लिया 0 redux, react-redux, और react-router के साथ उत्पन्न एक ऐप लिख रहा हूं। जब भी मैं एक Link इस तरह क्लिक करें:

import React from 'react' 
import { Link } from 'react-router' 
import ThingCard from '../../components/ThingCard' 


const ThingsList = ({things}) => { 
    return (
     <ul> 
      {things.map(thing => 
       <Link to={"/things/"+thing.id} key={thing.id}><ThingCard thing={thing}/></Link> 
      )} 
     </ul> 
    ) 
} 

export default ThingsList 

मैं अपने कंसोल में निम्नलिखित चेतावनी को देखते हैं। मुझे नहीं पता कि वे कहां से आते हैं या उनका क्या मतलब है। Google खोज ने कोई उपयोगी परिणाम नहीं दिया। क्या इन चेतावनियों को सुरक्षित रूप से अनदेखा किया जा सकता है, अगर नहीं, तो मैं उनके बारे में और अधिक जानकारी कैसे प्राप्त कर सकता हूं? मेरा मानना ​​है कि यह मुद्दा मूल पृष्ठ को अपने बच्चों को प्रस्तुत करने से रोक रहा है।

मैं सभी नेटवर्क अनुरोध अक्षम कर दिया है।

संपादित करें: यह त्रुटि केवल क्रोम कैनरी में दिखाई देती है न कि Google क्रोम। हालांकि, Google क्रोम बच्चों को उचित रूप से प्रस्तुत नहीं कर रहा है (संभावित रूप से इस समस्या के कारण)

Answer 1

इसे सुरक्षित रूप से अनदेखा किया जा सकता है। यहां good explanation है आप इसे क्यों देखते हैं। कारण आप अनुरोध देखते हैं IDleCallback सबसे अधिक संभव है क्योंकि आप रिएक्ट 16+ का उपयोग कर रहे हैं जिसमें एक बिल्कुल नया आर्किटेक्चर है फाइबर You can read more about it

टीएल; डीआर; यह आपको केवल सूचित करता है कि आपके कुछ/उनके कोड 16ms से अधिक समय लेते हैं, इस प्रकार आपको हमेशा 60fp नहीं मिल सकता है।