状況：
私の Vue アプリでは、Google IMA SDK を使用して広告を表示する必要があります。
ただしAdDisplayContainer、無限の更新ループに陥っているようです。
JSFIDDLE:
最小限の例で JsFiddle の問題を再現しました。コンソールでエラーを確認できます。
https://jsfiddle.net/fraMussi/53f6vbjh/7/
ご覧のとおり、あまり進んでいません。
- Google IMA SDK をインポートします
- 動画と広告コンテナの基本的なマークアップがあります
- 私は
adDisplayContainer - 問題を検出するためにウォッチャーを追加しました
コード：
this.adDisplayContainer = new google.ima.AdDisplayContainer(
this.$refs.adContainer, this.videoContent);
エラー：
adDisplayContainerループで更新されるようです：
Error in nextTick: "RangeError: Maximum call stack size exceeded" <br>
RangeError: Maximum call stack size exceeded
本番のような環境では、同様のエラー メッセージが表示されます。
InternalError: too much recursion
質問：
なぜこれが起こっているのか、それを修正する方法を知っていますか?