histoire icon indicating copy to clipboard operation
histoire copied to clipboard

Nuxt/image-edge + Histoire doesnt't work

Open JeremyMees opened this issue 3 years ago • 4 comments

Describe the bug

  • I have made a fresh nuxt project on stackblitz (and locally via Nuxt's "getting started" instructions)
  • then installed histoire while following the getting started for nuxt 3
  • then installed Nuxt/image-edge follwing the getting started for nuxt 3
  • then created a basic Image.vue and Image.story.vue, and got the following errors in console when trying to run Histoire: Screenshot 2022-12-02 at 08 05 24

For used package manager - I use yarn locally but the reproduction stackblitz uses npm

Reproduction

StackBlitz

System Info

System:
    OS: macOS 13.0.1
    CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 7.64 MB / 16.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 16.17.1 - ~/Library/Caches/fnm_multishells/43544_1669964830256/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 8.15.0 - ~/Library/Caches/fnm_multishells/43544_1669964830256/bin/npm
  Browsers:
    Chrome: 107.0.5304.121
    Firefox: 106.0.1
    Firefox Developer Edition: 108.0
    Safari: 16.1

Used Package Manager

npm

Validations

JeremyMees avatar Dec 02 '22 07:12 JeremyMees

@Akryum mentioned on discord that this should be fixed in 0.11.9 but sadly it is not. :(

Bcavez avatar Dec 13 '22 11:12 Bcavez

Please give [v0.15.0] a try and report back if your issue is solved or not :pray:

Akryum avatar Feb 15 '23 14:02 Akryum

With the new Nuxt Version I am only getting the Error "500 $img is not a function"

Stackblitz (Update to nuxt 3.2.2 and histoire 0.15.8)

AnjaRoseBikes avatar Mar 09 '23 15:03 AnjaRoseBikes