Error: [nuxt] instance unavailable / Context conflict

[tobiasdiez]

With #619, composable and other things using the nuxt instance are generally working. However, sometimes when switching between stories one still gets a [nuxt] instance unavailable error.

Todo: find a way to reproduce this reliably and investigate what's the problem

Workaround: refresh the page

[obulat]

When running the examples using dev locally, I can reliably reproduce the context conflict when I navigate to the second story.

The problem is that the module sets nuxt to only the current context. However, when installs plugins for the second story's nuxt app, it gets the context using the nuxtApp._name, not the nuxtApp.globalName. The _name is always equal to the appId, so it's nuxt-app in every story. Thus, when installing plugins for the second story, Nuxt is re-using the first story's context, which causes a context conflict.

I naively fixed this by adding the following in the packages/storybook-addon/src/preview.ts:

const appId = `nuxt-app`

const nuxtGlobalCtx = getContext(appId)
const currentStoryNuxtAppName = `${appId}-${key}`
const currentStoryNuxtCtx = getContext(currentStoryNuxtAppName)
if (currentStoryNuxtCtx.tryUse()) {
    return
}

After createNuxtApp:

- globalCtx.set(nuxt, true)
+ nuxtGlobalCtx.set(nuxt, true)

[maximilian-schwarz]

I think this issue is still there. I have create a reproduction. The context conflict only occurs if you create multiple stories.

Reproduction:
https://stackblitz.com/edit/nuxt-starter-dz4rbl

If you got to the "SingleStory" docs everything is working fine. You you got to the "MultiStory" docs you can see the context issue.

[ademyalcin27]

@tobiasdiez , You closed the issue I opened but the problem still persists.

[maximilian-schwarz]

@ademyalcin27 can you please create a reproduction? I checked it with the nigthly build and everything is working

[ademyalcin27]

@ademyalcin27 can you please create a reproduction? I checked it with the nigthly build and everything is working

Yes I did here, #768

[maximilian-schwarz]

@ademyalcin27 can you please create a reproduction? I checked it with the nigthly build and everything is working

Yes I did here, #768

In your reproduction you use the version 8.2.0. The issue is currently only available with the nightly build. I think the team will include the fix in the next release ;)

to test the fix use the nightly build as dependency.

{
  "devDependencies": {
    "@nuxtjs/storybook": "npm:@nuxtjs/storybook@nightly"
  }
}

[ademyalcin27]

@ademyalcin27 can you please create a reproduction? I checked it with the nigthly build and everything is working

Yes I did here, #768

In your reproduction you use the version 8.2.0. The issue is currently only available with the nightly build. I think the team will include the fix in the next release ;)

to test the fix use the nightly build as dependency.

{
  "devDependencies": {
    "@nuxtjs/storybook": "npm:@nuxtjs/storybook@nightly"
  }
}

I tried this version but still doesn't work autodoc

[maximilian-schwarz]

@ademyalcin27 can you please create a reproduction? I checked it with the nigthly build and everything is working

Yes I did here, #768

In your reproduction you use the version 8.2.0. The issue is currently only available with the nightly build. I think the team will include the fix in the next release ;)
to test the fix use the nightly build as dependency.

{
  "devDependencies": {
    "@nuxtjs/storybook": "npm:@nuxtjs/storybook@nightly"
  }
}

I tried this version but still doesn't work autodoc

You need minimum "nuxt": "3.13.0".

[ademyalcin27]

@ademyalcin27 can you please create a reproduction? I checked it with the nigthly build and everything is working

Yes I did here, #768

In your reproduction you use the version 8.2.0. The issue is currently only available with the nightly build. I think the team will include the fix in the next release ;)
to test the fix use the nightly build as dependency.

{
  "devDependencies": {
    "@nuxtjs/storybook": "npm:@nuxtjs/storybook@nightly"
  }
}

I tried this version but still doesn't work autodoc

You need minimum "nuxt": "3.13.0".

Yes its Im using 3.13.0 , but still Im getting same eror

[tobiasdiez]

Could you please share an updated reproduction?

[ademyalcin27]

Could you please share an updated reproduction?

https://stackblitz.com/edit/nuxt-starter-ga2at1?file=package.json

[tobiasdiez]

"@storybook-vue/nuxt": "^8.2.0",

is not needed and pulls in the older version without the fix

[ademyalcin27]

"@storybook-vue/nuxt": "^8.2.0",

is not needed and pulls in the older version without the fix

Thank you this solve my problem.