小编Vin*_*nce的帖子

构建一个Ionic应用程序突然遇到一个我发现很难调试的问题,浏览器"推迟"长时间运行的计时器任务导致我的视​​图只在其控制器中执行一次代码(即使控制器显式重新加载).

警告是:

延迟长时间运行的计时器任务以提高滚动平滑度.见crbug.com/574343.

我在追求的是什么:

• 了解警告及其发生的原因
• 有关如何调试此类警告的任何指导.

提前致谢.

更新 我觉得重要的是要注意,虽然从来没有收到错误,只有警告作为我的问题的原因,我已经回到了工作版本.

此工作版本仍然出现警告但不影响我的应用程序的运行.

我有一个允许图像上传的React Web应用程序.

在对我的API执行多个图像(在本例中为6)的提取POST请求后,浏览器会自行刷新并重新加载当前页面.值得注意的是,此应用程序允许裁剪图像,因此用户上传的每个图像都有第二张图像(裁剪)要上传.因此,上述6个图像导致12个POST请求.

刷新行为不稳定且难以重现.我在函数中插入了断点,这种行为发生了.使用chrome调试器工具,我已经逐步完成了流程,发现在此调用之后进行了刷新.

this.ws.onmessage = function(e) {
    debug('message event', e.data);
    self.emit('message', e.data);
};

它位于websocket.js库中的文件内node_modules/react-dev-tools/node_modules/socketjs-client/lib/transport/websocket.js

我已将其缩小到此文件,并排除了我的项目代码库中的任何问题.

我的理论是我的应用程序的行为是触发一个外部监听器/案例,导致完整的浏览器刷新.

我看到有问题的文件在里面,react-dev-tools并认为删除此模块可以解决问题,但是,这也发生在我的生产环境中,因此我觉得删除它可能会破坏构建.

任何关于更好地调查或潜在解决方案的想法都会有所帮助.