You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I'm encountering some challenges while integrating Storybook and Chromatic into my Nuxt 3 project. While everything runs smoothly in development mode, I'm facing difficulties when attempting to build Storybook for static files. It appears that some Vue/Nuxt components are not being bundled correctly, and crucial files like env.mjs are missing from the build.
Current Behavior:
When running Storybook in development mode, all components, including dynamic ones utilizing features like nuxt useRuntimeConfig, nuxt/vue components, composables, useAppConfig, function as expected.
However, upon generating static files using the Storybook build function, certain Vue/Nuxt components are not properly bundled. Additionally, the absence of the env.mjs file suggests potential configuration or build process issues.
Dynamic components seem particularly affected, as evidenced by discrepancies in their behavior post-build.
Steps to Reproduce:
Set up a Nuxt 3 project with Storybook
Develop and test Vue/Nuxt components in Storybook's development mode.
Execute the Storybook build command to generate static files.
Observe the inconsistencies in bundled components and missing files.
Storybook should accurately bundle all Vue/Nuxt components, including dynamic ones, during the build process.
The presence of essential files like env.mjs should be ensured to maintain functionality across different environments.
Additional Information:
I've documented my observations and concerns in more detail on the Nuxt Modules GitHub repository here.
I'm open to contributing to the module to address these issues and ensure stable support for Nuxt 3 projects. However, I require guidance on how to proceed effectively.
The text was updated successfully, but these errors were encountered:
Issue Description:
I'm encountering some challenges while integrating Storybook and Chromatic into my Nuxt 3 project. While everything runs smoothly in development mode, I'm facing difficulties when attempting to build Storybook for static files. It appears that some Vue/Nuxt components are not being bundled correctly, and crucial files like env.mjs are missing from the build.
Current Behavior:
When running Storybook in development mode, all components, including dynamic ones utilizing features like nuxt useRuntimeConfig, nuxt/vue components, composables, useAppConfig, function as expected.
However, upon generating static files using the Storybook build function, certain Vue/Nuxt components are not properly bundled. Additionally, the absence of the env.mjs file suggests potential configuration or build process issues.
Dynamic components seem particularly affected, as evidenced by discrepancies in their behavior post-build.
Steps to Reproduce:
Set up a Nuxt 3 project with Storybook
Develop and test Vue/Nuxt components in Storybook's development mode.
Execute the Storybook build command to generate static files.
Observe the inconsistencies in bundled components and missing files.
reprodcutin repositery: https://github.com/NicklasDegnebolig/nuxt3-storybook-sandbox
Expected Behavior:
Storybook should accurately bundle all Vue/Nuxt components, including dynamic ones, during the build process.
The presence of essential files like env.mjs should be ensured to maintain functionality across different environments.
Additional Information:
I've documented my observations and concerns in more detail on the Nuxt Modules GitHub repository here.
I'm open to contributing to the module to address these issues and ensure stable support for Nuxt 3 projects. However, I require guidance on how to proceed effectively.
The text was updated successfully, but these errors were encountered: