RangeError: Maximum call stack size exceeded

[ciprian-morar]

Hello,

I'm trying to add your component and Maximum call stack size exceeded is raised

In the array of urls I've tried:

[0: "http://localhost:8080/dam/jcr:230baad3-2047-4955-9a30-83428c163b88/100113.jpg"]
[0: null, 1: "http://localhost:8080/dam/jcr:230baad3-2047-4955-9a30-83428c163b88/100113.jpg"]
[0: "dam/jcr:230baad3-2047-4955-9a30-83428c163b88/100113.jpg"]
[0: null, 1: "dam/jcr:230baad3-2047-4955-9a30-83428c163b88/100113.jpg"]
[0: "/dam/jcr:230baad3-2047-4955-9a30-83428c163b88/100113.jpg"]
[0: null, 1: "/dam/jcr:230baad3-2047-4955-9a30-83428c163b88/100113.jpg"]

Can you help me with this please?

`

Flipbook

<script> // import Flipbook from 'flipbook-vue'; // components: { Flipbook }, export default { name: "Flipbook", props: ["height", "allowDownload", "previewImage", "flipbook", "carousel"], data() { return { pages: [], } }, created() { // console.log("inside directive") // console.log(this.carousel); // if(this.height && !isNaN(this.height) && !isNaN(parseFloat(this.height))) { // this.swiperHeight = this.height + "px"; // } if(this.flipbook) { for(let item of this.flipbook) { console.log(item) let link = window.location.origin + item.image['@link']+ ".jpg" console.log(link) this.pages.push(link); } console.log(this.pages) } }, }; </script> <style> .flipbook { width: 90vw; height: 90vh; } </style>`

[ts1]

Can you show me the stack trace?

[ciprian-morar]

vue.runtime.esm.js:1888 RangeError: Maximum call stack size exceeded at a.e._render (vue.runtime.esm.js:3550) at a.r (vue.runtime.esm.js:4066) at nr.get (vue.runtime.esm.js:4479) at new nr (vue.runtime.esm.js:4468) at $n (vue.runtime.esm.js:4073) at a.Sr.$mount (vue.runtime.esm.js:8415) at init (vue.runtime.esm.js:3118) at h (vue.runtime.esm.js:5978) at p (vue.runtime.esm.js:5925) at y (vue.runtime.esm.js:6053)

…

On Fri, 30 Oct 2020 at 10:06, Takeshi Sone ***@***.***> wrote: Can you show me the stack trace? — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#30 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACTG264KH2RJ7OE5XDD3WYLSNJXZZANCNFSM4TERRTXA> .

[ts1]

Hmm... that information is not enough to figure out what is happening.
BTW, your code is trying to append URLs to pages dynamically, probably while Flipbook is running.
Unfortunately, Flipbook does not expect the pages prop to be changed dynamically.
Maybe this problem can be resolved by moving pages from data to computed and move the for loop to that computed, so that Flipbook sees immutable pages.

[ciprian-morar]

Thank you, Takeshi. It worked.