fix: histoire

[francisashley]

🐛 The bug

When @nuxt/devtools is included in nuxt.config.js, like:

export default defineNuxtConfig({
  modules: ["@nuxt/devtools"],
});

Running histoire in dev mode will start nuxt but then crash pretty quickly with:

Removing the devtools module, allows histoire to run fine.

🛠️ To reproduce

https://stackblitz.com/edit/nuxt-starter-qar953

Please run npm install && npm run story:dev in the stackblitz terminal to reproduce.

🌈 Expected behavior

For histoire to run fine when nuxt/devtools has been loaded as a module in nuxt.config.ts.

ℹ️ Additional context

No response

[antfu]

We temporarily close this due to the lack of enough information.
Please provide a minimal reproduction to reopen the issue.
Thanks.

Why reproduction is required

[francisashley]

@antfu fair point. I have created a stackblitz example with a reproduction of the issue. https://stackblitz.com/edit/nuxt-starter-qar953. Please run npm install && npm run story:dev in the terminal to see ReferenceError [Error]: localStorage is not defined will throw in the terminal. This issue disappears when removing modules: ['@nuxt/devtools'] from nuxt.config.ts.

[francisashley]

Here is a video of the issue:

Screen.Recording.2023-10-22.at.13.24.09.mov

1. I show nuxt.config.ts and highlight some unrelated config that was added to address another bug blocking histoire booting, i believe this has already been patched in next version - App Manifests break Histoire nuxt#23826, histoire-dev/histoire@05bcd28.
2. I let npm install && npm run dev run which boots fine.
3. I rerun with npm install && npm run story:dev which shows the bug in this ticket.
4. I show the contents of histoire.config.ts and the test story files.

[francisashley]

nuxt/nuxt#23863 (comment) explains this is being fixed here histoire-dev/histoire#611.