违规'requestIdleCallbackHandler'花了ms

我正在写一个应用create-react-app与redux,react-redux和react-router生成的应用程序。每当我点击这样一个Link：违规'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

我在我的控制台中看到以下警告。我不知道他们来自哪里或他们的意思。谷歌搜索没有产生任何有用的结果。这些警告是否可以安全地忽略，如果不能，我怎么能找到更多关于它们的信息？我相信这个问题是阻止父页面呈现它的孩子。

我已经停用所有的网络请求。

编辑︰此错误只显示在Chrome金丝雀而不是谷歌浏览器。但是，谷歌浏览器不能正确渲染孩子（可能是由于这个问题）

来源

2017-02-16 Carpetfizz

我现在在Chrome稳定版中看到了这一点。 2017年1月左右，CRA制作了一个反应应用程序并弹出。所以不跟踪任何CRA已经成为。只有我看到它使用的地方是依赖关系'node_modules/coniuse-db/{data.json，features-json/{requestidlecallback.json，data-1.0.json，data-2.0.json}}'。 –

它可以安全地忽略。这里是good explanation你为什么看到这个。您在这里看到requestIdleCallback的原因很可能是因为您使用的是具有全新架构的React 16+光纤You can read more about it

TL; DR;它只是通知你，你的一些/他们的代码花了超过16毫秒，因此你可能不总是得到60fp。

来源

2018-01-27 22:06:26 dehumanizer

违规'requestIdleCallbackHandler'花了ms

回答

相关问题