はじめに

React x Firebase realtime databaseを使ってアプリケーションを作成していたところ、コンソールに"[Violation] 'setTimeout' handler took ○○ms"という表示が出てきた(setIntervalのものもあった)。原因がなにか分からなかったので調べたものを備忘録として残す。

結論

致命的なエラーなどではない。

詳細

こちら[1]で詳細が書かれていた。調べてみるとsetTimeoutとsetIntervalはjavascript関数のよう。自分で書いた覚えはないので、ライブラリなどのなかで使われている可能性が高い。今回だとFirebase realtime databaseがかなり怪しい。他にもなっている方がいたら連絡ください。必ず直す必要があるわけではないが、改善の余地があるという認識で良さそう。

対策

どれが原因なのかはっきり分かっていないので対処のしようがない。もし消すならば、コメントアウトなどして原因のコードを追求し、改善する必要がありそう。

おわりに

もうちょっと詳細を書いておいてほしい感はある。

参考文献

[1]:Chrome violation : [Violation] Handler took 83ms of runtime
[2]:Chromeブラウザにおける「Violation」JSアラート