2017-02-16 18 views
5

redux, react-redux ve react-router ile create-react-app ile oluşturulan bir uygulama yazıyorum. Böyle bir Link tıklayın zaman:İhlal 'requestIdleCallbackHandler' ms

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 

benim konsolunda aşağıdaki uyarıları bakın. Nereden geldikleri veya ne anlama geldikleri hakkında hiçbir fikrim yok. Google arama, herhangi bir yararlı sonuç vermedi. Bu uyarılar güvenli bir şekilde göz ardı edilebilir mi, değilse nasıl daha fazla bilgi edinebilirim? Bu sorunun, ana sayfanın çocuklarını oluşturmasını engellediğine inanıyorum.

enter image description here

tüm ağ isteklerini devre dışı bıraktık.

DÜZENLEME: Bu hata yalnızca Google Chrome'u değil, Chrome Kanarya'da görünür. Ancak, Google Chrome çocukları doğru şekilde oluşturmuyor (bu sorundan dolayı)

+1

Bunu Chrome'da da şu anda kararlı görüyorum. Ocak 2017 yaklaşık CRA ile yapılmış bir tepki uygulaması ve çıkardı. Yani ne olursa olsun, CRA’nın izini sürmüyor. Gördüğüm tek yer bağımlılıklar 'node_modules/coniuse-db/{data.json, features-json/{requestidlecallback.json, data-1.0.json, data-2.0.json}}' dır. –

cevap

0

Güvenli bir şekilde göz ardı edilebilir. İşte bu yüzden good explanation. RequestIdleCallback'i burada görmenizin sebebi, büyük ihtimalle tamamen yeni bir mimariye sahip olan React 16+ kullandığınız içindir.

TL; Sadece bazılarınızın/kodlarının 16 ms'den uzun sürdüğünü size bildirir, böylece her zaman 60fp elde edemezsiniz.