4
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【Vue3】Maximum recursive updates exceeded in component解消備忘録

Posted at

Maximum recursive updates exceeded in component

どういうエラーかというと、コンポーネントが再起呼び出しされまくってメモリがパンクしていますよというもの。
これの何が厄介かというと、npm run serveで開発しているときは警告なのに、デプロイするとエラーに化けるところ。

私はこれで3日悩みました。

スクリーンショット 2022-06-11 16.12.59.png

具体例 Vue3-Carousel

今回このエラーに悩まされたのは、Vue3-CarouselというCarouselコンポーネントを使っていて、リストレンダリングをする際にどうしてもこのエラーが消えませんでした。
(どんなコンポーネントかは以下を参照)

解決法

解決方法は非常にシンプルです。

<carousel v-if="List.length!==0">

このように、コンポーネントタグにv-if="List.length!==0"を入れるだけ。

参考

4
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?