question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Vue3 recursion limit exceeded

See original GitHub issue

Description

I’m using the flicking component to render a list from the demo examples but I keep getting a Maximum recursive updates exceeded. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function. warning.

This breaks the built version of my application and causes the browser tab to freeze.

Steps to check or reproduce

<Flicking :options="{ circular: true }">
  <div v-for="idx in list" class="flicking-panel w-80" :key="idx">{{ idx }}</div>
</Flicking>
import Flicking from "@egjs/vue3-flicking";
import "@egjs/vue3-flicking/dist/flicking.css";

components: {
     Flicking
},
data() {
  return {
    list: [0, 1, 2, 3, 4],
  }
}

Not sure if it’s an issue with my implementation or something else.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:11 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
WoodNeckcommented, Aug 27, 2021

@megasanjay Of course! I’ve already made a PR that fixes this issue 😃

0reactions
megasanjaycommented, Aug 28, 2021

@WoodNeck That was quick!. Let me know when it get pushed up to the main branch 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

VUEjs 3 Warning: Maximum recursive updates exceeded
currently I am facing the problem that Vue issues a warning: "Maximum recursive updates exceeded. This means you have a reactive effect that ......
Read more >
Maximum recursive updates exceeded in component - how to fix
This is the approach i found that works, but I am getting an error in console: “Maximum recursive updates exceeded in component ....
Read more >
Maximum recursive updates exceeded when trying to render ...
Uncaught (in promise) Error: Maximum recursive updates exceeded. This means you have a reactive effect that is mutating its own dependencies ...
Read more >
InternalError: too much recursion - JavaScript - MDN Web Docs
The JavaScript exception "too much recursion" or "Maximum call stack size exceeded" occurs when there are too many function calls, or a function...
Read more >
Vue recursive components: Rendering nested comments
Explore how you can use recursive components in Vue to manage tree-like structured data with an example comments section.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found