Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

When IButtonGroup is added to Vue file it causes a recursion error #417

Open
nekdolan opened this issue Apr 10, 2024 · 0 comments
Open

When IButtonGroup is added to Vue file it causes a recursion error #417

nekdolan opened this issue Apr 10, 2024 · 0 comments

Comments

@nekdolan
Copy link

Describe the bug
When IButtonGroup is added to Vue file it causes a recursion error and often fails to load.

To Reproduce
Steps to reproduce the behavior:

  1. Install nuxt and inkline so: https://www.inkline.io/docs/installation/nuxt
  2. change app.vue to this:
<template>
  <div>
    <IButtonGroup>
      <IButton>Left</IButton>
      <IButton>Middle</IButton>
      <IButton>Right</IButton>
    </IButtonGroup>
  </div>
</template>

Expected behavior
To show a button group without recursion errors in the log

Environment

  • Version: 4.2.1
  • Framework: Nuxt 3.11.2
  • OS: MacOS
  • Browser: Firefox
  • Language: N/A

Additional context

warn [Vue warn]: Hydration node mismatch:
- rendered on server: 
<div class="button-group -md -light" role="group" data-v-inspector="node_modules/@inkline/in…p/IButtonGroup.vue:91:5">
 <empty string> 
- expected on client: Symbol("v-cmt") 
  at <IButtonGroup> 
  at <App key=3 > 
  at <NuxtRoot> [browser.mjs:44:19](http://localhost:3002/_nuxt/node_modules/consola/dist/browser.mjs?v=55a3bd26)
error Hydration completed but contains mismatches. [browser.mjs:44:19](http://localhost:3002/_nuxt/node_modules/consola/dist/browser.mjs?v=55a3bd26)
    NuxtJS 9
        log
        _log
        resolveLog
        _logFn
        _wrapLogFn
        hydrate2
        mount
        mount
        initApp
error [nuxt] error caught during app initialization InternalError: too much recursion
    NuxtJS 8
        triggerEffects
        triggerRefValue
        effect
        triggerEffects
        triggerRefValue
        effect
        triggerEffects
        triggerRefValue
[browser.mjs:44:19](http://localhost:3002/_nuxt/node_modules/consola/dist/browser.mjs?v=55a3bd26)
    NuxtJS 9
        log
        _log
        resolveLog
        _logFn
        _wrapLogFn
        unreg
        serialTaskCaller
        run
        serialTaskCaller
ssr:error (node:91788) ExperimentalWarning: The Fetch API is an experimental feature. This feature could change at any time
(Use `node --trace-warnings ...` to show where the warning was created) 
    at writeOut (node) [browser.mjs:44:19](http://localhost:3002/_nuxt/node_modules/consola/dist/browser.mjs?v=55a3bd26)
    NuxtJS 9
        log
        _log
        resolveLog
        _logFn
        _wrapLogFn
        <anonymous>
        serialTaskCaller
        run
        serialTaskCaller
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant