Vue で Uncaught RangeError: Maximum call stack size exceeded
VueJs でコンポーネントを作っていたら真っ白なページが表示されている。
コンソールを見るとこんなエラーが出ていた。
Uncaught RangeError: Maximum call stack size exceeded at Watcher.get (vue.esm.js?efeb:3156) at new Watcher (vue.esm.js?efeb:3131) ....
何が原因かと小一時間悩んだ結果、コンポーネントの中で自分自身を呼び出していたのが原因だった。
例えば
<template> <ErrorComponent></ErrorComponent> </template> <script> export default { name: 'ErrorComponent' } </script>
内部で ErrorComponent(自分自身) を呼び出さなければ解決。