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

HstSelect control throws error #206

Closed
6 tasks done
tbusser opened this issue Jul 26, 2022 · 5 comments
Closed
6 tasks done

HstSelect control throws error #206

tbusser opened this issue Jul 26, 2022 · 5 comments
Assignees
Labels
bug Something isn't working

Comments

@tbusser
Copy link

tbusser commented Jul 26, 2022

Describe the bug

When writing a story and using the HstSelect control, the story stops working. The following error is shown in the console:
image

In addition, the HstSelect has no intellisense in VSCode.
image

Reproduction

I've created a new Vue3 project using npm init vue@next, afterwards I've added Histoire to the project using the steps described in the documentation. To get the project to run I had to downgrade vite and @vitejs/plugin-vue as Histoire doesn't yet support Vite 3.

I've copied the BaseButton.vue component from the histoire example and pasted it into the project I just created.

The repository can be found here

System Info

System:
    OS: macOS 12.4
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
    Memory: 693.53 MB / 32.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 16.15.1 - ~/.nvm/versions/node/v16.15.1/bin/node
    npm: 8.15.0 - ~/.nvm/versions/node/v16.15.1/bin/npm
  Browsers:
    Chrome: 103.0.5060.134
    Edge: 103.0.1264.71
    Firefox: 101.0
    Safari: 15.5
    Safari Technology Preview: 16.0
  npmPackages:
    @vitejs/plugin-vue: ^2.3.2 => 2.3.3
    histoire: ^0.8.4 => 0.8.4
    vite: ^2.9.12 => 2.9.12

Used Package Manager

npm

Validations

@tbusser tbusser added the to triage This issue needs to be triaged label Jul 26, 2022
@Marianna-Ma
Copy link

Marianna-Ma commented Jul 27, 2022

I came over with the same problem, it seems that the HstSelect doesn't work when I copied that in my project. Have you got any idea?

@Akryum
Copy link
Member

Akryum commented Jul 27, 2022

Looks like it works here and here 🤔

@Akryum
Copy link
Member

Akryum commented Jul 27, 2022

In addition, the HstSelect has no intellisense in VSCode.

Looks like the definition is missing here indeed

@tbusser
Copy link
Author

tbusser commented Jul 27, 2022

Looks like it works here and here 🤔

Yeah, that is what's so odd. On the example website it works like a charm. When I run the Vue3 example on my machine it also works. But when I take the BaseButton component and past it into a fresh Vue3 project with Histoire installed from NPM, it fails.

@alvarosabu
Copy link
Contributor

@Akryum I got the same error on a project where the option was reactive, but I tried to create a repro on Stackblitz and couldn't reproduce anymore, it's something related with the floating-vue

@Akryum Akryum mentioned this issue Jul 30, 2022
6 tasks
@Akryum Akryum added bug Something isn't working and removed to triage This issue needs to be triaged labels Jul 30, 2022
@Akryum Akryum self-assigned this Aug 1, 2022
Akryum added a commit to Akryum/floating-vue that referenced this issue Aug 2, 2022
@Akryum Akryum closed this as completed in d3b0061 Aug 2, 2022
francomattar added a commit to francomattar/vue-floating-ribeiro that referenced this issue Dec 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

4 participants