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.

Tooltip Doesn't work in nuxt

See original GitHub issue

Describe the bug When I use tooltip directive in Nuxt project ( In pure Vue app it’s ok), I get this Error (ssr:false):

Screenshot from 2022-09-13 17-19-17

Issue Analytics

  • State:open
  • Created a year ago
  • Comments:10 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
VividLemoncommented, Sep 13, 2022

On second look, my answer is incorrect. This problem is the result of an improper nuxt config file on our end. Since Nuxt isn’t fully supported, I’m not going to make it a priority, as compared to other issues that exist. But I will look into it and ask around the Nuxt discord and things, since the documentation for writing a Nuxt module is difficult to understand.

1reaction
VividLemoncommented, Sep 15, 2022

@VividLemon Installation - Nuxt.js 3 only installs components, no directives. Calling app.use(BootstrapVue3) raises #388. Because module refers to src and app.use() refers to dist.

I’m aware, it is what I noticed and corrected myself in my last message. I have a branch that contains some changes, but it’s still being worked on.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Tooltip does not disappear when wrapped with nuxt-link after ...
[Tooltip] - Tooltip does not disappear when wrapped with nuxt-link after navigating #868. Open. Moizsohail opened this issue on Jul 22, ...
Read more >
Is there a tooltip tool that works with NuxtJS? - vue.js
For me is ok with create. plugins/tooltip.js import Vue from "vue" import { VTooltip, VPopover, VClosePopover } from "v-tooltip" ...
Read more >
Tooltips - Bootstrap
Documentation and examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-attributes for local title ...
Read more >
Tooltip | Element Plus
Display prompt information for mouse hover. TIP. This component requires the <client-only></client-only> wrap when used in SSR (eg: Nuxt ) ...
Read more >
Tooltips | Nuxt Black Dashboard @ Creative Tim
A Nuxt tooltip plugin is a small pop-up element that appears while the user moves the mouse pointer over an element. Keep reading...
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