[nuxt3 + storybook8] Failed to resolve "\u0000/virtual:/@storybook/builder-vite/storybook-stories.js" 경고

storybook 7 버전에서 8로 업데이트를 하면서 해당 경고를 마주했다.

해당 경고가 발생한 이유는,
Vite에서 import.meta.hot.accept는 모듈 ID만 허용해야 한다.
그런데 가상 파일 이름에 슬래시(/)가 앞에 포함되어 있어, import.meta.hot.accept로 전달된 가상 ID가 아닌 URL로 해석되었고, 이로 인해 경고가 발생하게 된 것이다.

해당 이슈는 작성일(2025-02-18)을 기준으로 며칠 전에 반영된 것으로 보아 새 버전에 적용되지 않을까 싶다. (현재 storybook 버전은 8.5.6이다.)

하지만 nuxt를 사용하는 사용자에겐 아쉽지만 @nuxtjs/storybook,@storybook-vue/nuxt 패키지가 아직 8.3.3 버전이 최신 버전이고, storybook 패키지 호환 버전은 8.4.7 버전이기 때문에 업데이트를 하진 못한다..😅 (nuxt 관련 storybook 업데이트를 기다립니다..)

"devDependencies": {
    "@chromatic-com/storybook": "3.2.4",
    "@nuxtjs/storybook": "8.3.3",
    "@storybook-vue/nuxt": "8.3.3",
    "@storybook/addon-essentials": "8.4.7",
    "@storybook/addon-interactions": "8.4.7",
    "@storybook/addon-links": "8.4.7",
    "@storybook/blocks": "8.4.7",
    "@storybook/builder-vite": "8.4.7",
    "@storybook/test": "8.4.7",
    "@storybook/vue3": "8.4.7",
    "eslint-plugin-storybook": "0.11.3",
    "storybook": "8.4.7",
  }

• 참고
  • Storybook Github PR : https://github.com/storybookjs/storybook/pull/30511