Cannot start storybook - Githubissues

VegasChickiChicki commented 1 year ago

I can't understand the reason for these errors... I thought that only in my working project like this, and therefore decided to launch this project, here as well (

a1@MacBook-Pro storybook-nuxt-demo % npm run storybook

storybook storybook dev -p 6006

@storybook/cli v7.1.1

info => Starting manager.. WARN No story files found for the specified pattern: */.mdx ℹ Building client... 11:17:00 PM ℹ vite v4.3.9 building for development... 11:17:00 PM ℹ ✓ 138 modules transformed. 11:17:02 PM ℹ .nuxt/dist/client/manifest.json 2.17 kB │ gzip: 0.40 kB 11:17:03 PM ℹ .nuxt/dist/client/_nuxt/index.6ce0a256.css 1.87 kB │ gzip: 0.74 kB 11:17:03 PM ℹ .nuxt/dist/client/_nuxt/error-dev.00ee2d03.css 2.26 kB │ gzip: 0.81 kB 11:17:03 PM ℹ .nuxt/dist/client/_nuxt/error-404.1da70a4c.css 3.66 kB │ gzip: 1.14 kB 11:17:03 PM ℹ .nuxt/dist/client/_nuxt/entry.9ed27021.css 12.44 kB │ gzip: 2.48 kB 11:17:03 PM ℹ .nuxt/dist/client/_nuxt/error-dev.694571c4.js 2.41 kB │ gzip: 1.25 kB │ map: 4.53 kB 11:17:03 PM ℹ .nuxt/dist/client/_nuxt/error-404.859a1834.js 2.42 kB │ gzip: 1.27 kB │ map: 5.73 kB 11:17:03 PM ℹ .nuxt/dist/client/_nuxt/nuxt-link.3a45b19e.js 4.77 kB │ gzip: 2.05 kB │ map: 19.02 kB 11:17:03 PM ℹ .nuxt/dist/client/_nuxt/index.a9701be9.js 12.95 kB │ gzip: 5.31 kB │ map: 19.64 kB 11:17:03 PM ℹ .nuxt/dist/client/_nuxt/entry.ed42b46f.js 289.55 kB │ gzip: 90.11 kB │ map: 1,200.48 kB 11:17:03 PM ℹ ✓ built in 2.92s 11:17:03 PM ✔ Client built in 2926ms 11:17:03 PM ℹ Building server... 11:17:03 PM ℹ vite v4.3.9 building SSR bundle for development... 11:17:03 PM ℹ ✓ 80 modules transformed. 11:17:04 PM ℹ .nuxt/dist/server/styles.mjs 0.07 kB 11:17:04 PM ℹ .nuxt/dist/server/_nuxt/island-renderer-d9ac40a1.js 1.13 kB │ map: 1.42 kB 11:17:04 PM ℹ .nuxt/dist/server/_nuxt/error-dev-8e8a759a.js 3.60 kB │ map: 4.60 kB 11:17:04 PM ℹ .nuxt/dist/server/_nuxt/error-404-27e4033c.js 4.21 kB │ map: 5.83 kB 11:17:04 PM ℹ .nuxt/dist/server/_nuxt/nuxt-link-6283b08c.js 8.43 kB │ map: 14.76 kB 11:17:04 PM ℹ .nuxt/dist/server/_nuxt/index-f6a4b2dd.js 20.48 kB │ map: 19.95 kB 11:17:04 PM ℹ .nuxt/dist/server/server.mjs 165.67 kB │ map: 279.36 kB 11:17:04 PM ℹ ✓ built in 647ms 11:17:04 PM ✔ Server built in 655ms 11:17:04 PM ✔ Generated public .output/public nitro 11:17:04 PM ℹ Building Nitro Server (preset: node-server) nitro 11:17:04 PM ✔ Nitro server built nitro 11:17:06 PM ├─ .output/server/chunks/app/_nuxt/error-404-27e4033c.mjs (4.41 kB) (1.82 kB gzip) ├─ .output/server/chunks/app/_nuxt/error-404-27e4033c.mjs.map (2.43 kB) (837 B gzip) ├─ .output/server/chunks/app/_nuxt/error-dev-8e8a759a.mjs (3.8 kB) (1.64 kB gzip) ├─ .output/server/chunks/app/_nuxt/error-dev-8e8a759a.mjs.map (1.89 kB) (669 B gzip) ├─ .output/server/chunks/app/_nuxt/index-f6a4b2dd.mjs (20.5 kB) (5.96 kB gzip) ├─ .output/server/chunks/app/_nuxt/index-f6a4b2dd.mjs.map (11.4 kB) (2.19 kB gzip) ├─ .output/server/chunks/app/_nuxt/island-renderer-d9ac40a1.mjs (1.4 kB) (633 B gzip) ├─ .output/server/chunks/app/_nuxt/island-renderer-d9ac40a1.mjs.map (943 B) (455 B gzip) ├─ .output/server/chunks/app/_nuxt/nuxt-link-6283b08c.mjs (6.14 kB) (1.72 kB gzip) ├─ .output/server/chunks/app/_nuxt/nuxt-link-6283b08c.mjs.map (6 kB) (1.53 kB gzip) ├─ .output/server/chunks/app/client.manifest.mjs (2.93 kB) (536 B gzip) ├─ .output/server/chunks/app/client.manifest.mjs.map (2.29 kB) (456 B gzip) ├─ .output/server/chunks/app/server.mjs (139 kB) (27.9 kB gzip) ├─ .output/server/chunks/app/server.mjs.map (51.5 kB) (8.36 kB gzip) ├─ .output/server/chunks/app/styles.mjs (86 B) (93 B gzip) ├─ .output/server/chunks/app/styles.mjs.map (180 B) (157 B gzip) ├─ .output/server/chunks/error-500.mjs (4.26 kB) (1.82 kB gzip) ├─ .output/server/chunks/error-500.mjs.map (1.09 kB) (415 B gzip) ├─ .output/server/chunks/handlers/renderer.mjs (10.3 kB) (3.21 kB gzip) ├─ .output/server/chunks/handlers/renderer.mjs.map (11.5 kB) (2.33 kB gzip) ├─ .output/server/chunks/nitro/node-server.mjs (28.5 kB) (8.21 kB gzip) ├─ .output/server/chunks/nitro/node-server.mjs.map (96.7 kB) (6.87 kB gzip) ├─ .output/server/chunks/rollup/_virtual_head-static.mjs (301 B) (217 B gzip) ├─ .output/server/chunks/rollup/_virtual_head-static.mjs.map (111 B) (112 B gzip) ├─ .output/server/chunks/rollup/_virtual_spa-template.mjs (783 B) (469 B gzip) ├─ .output/server/chunks/rollup/_virtual_spa-template.mjs.map (112 B) (112 B gzip) ├─ .output/server/index.mjs (553 B) (286 B gzip) └─ .output/server/package.json (1.81 kB) (680 B gzip) Σ Total size: 19.4 MB (8.04 MB gzip) ✔ You can preview this build using node .output/server/index.mjs nitro 11:17:07 PM ╭──────────────────────────────────────────────────────────────────────────────────────────╮ 11:17:07 PM │ │ │ Storybook 7.1.1 for @storybook-vue/nuxt started │ │ 139 ms for manager and 8.79 s for preview │ │ │ │ Local: http://localhost:6006/ │ │ On your network: http://192.168.1.126:6006/ │ │ │ │ A new version (7.3.2) is available! │ │ │ │ Upgrade now: npx storybook@latest upgrade │ │ │ │ Read full changelog: https://github.com/storybookjs/storybook/blob/next/CHANGELOG.md │ │ │ ╰──────────────────────────────────────────────────────────────────────────────────────────╯

ERROR Transform failed with 10 errors: 11:17:09 PM /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:131:6: ERROR: The symbol "_withScopeId" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:132:6: ERROR: The symbol "_hoisted_1" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:133:6: ERROR: The symbol "_hoisted_2" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:134:6: ERROR: The symbol "_hoisted_5" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:135:6: ERROR: The symbol "_hoisted_6" has already been declared ...

                                                                                                                                                                                11:17:09 PM

ERROR Internal server error: Transform failed with 10 errors: 11:17:09 PM /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:131:6: ERROR: The symbol "_withScopeId" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:132:6: ERROR: The symbol "_hoisted_1" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:133:6: ERROR: The symbol "_hoisted_2" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:134:6: ERROR: The symbol "_hoisted_5" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:135:6: ERROR: The symbol "_hoisted_6" has already been declared ... Plugin: vite:vue File: /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue?macro=true:131:6

The symbol "_withScopeId" has already been declared 129| import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createVNode as _createVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createStaticVNode as _createStaticVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue" 130|
131| const _withScopeId = n => (_pushScopeId("data-v-02281a80"),n=n(),_popScopeId(),n) | ^ 132| const _hoisted_1 = { style: {"margin":"1rem 0"} } 133| const _hoisted_2 = /#PURE/_createStaticVNode("

This is an example store to test out devtools. Try one of the following with the devtools open:

Use the different increment actions
Change the counter directly from the devtools
Use decrement to zero to see how action groups work
Click Test Errors and immediately after increment the store
While the dev server is running, try changing counter.changeMe, adding, and removing new state properties

Counter Store

", 3)

The symbol "_hoisted_1" has already been declared 130|
131| const _withScopeId = n => (_pushScopeId("data-v-02281a80"),n=n(),_popScopeId(),n) 132| const _hoisted_1 = { style: {"margin":"1rem 0"} } | ^ 133| const _hoisted_2 = /#PURE/_createStaticVNode("

This is an example store to test out devtools. Try one of the following with the devtools open:

Use the different increment actions
Change the counter directly from the devtools
Use decrement to zero to see how action groups work
Click Test Errors and immediately after increment the store
While the dev server is running, try changing counter.changeMe, adding, and removing new state properties

Counter Store

", 3) 134| const _hoisted_5 = { "data-testid": "counter-values" }

The symbol "_hoisted_2" has already been declared 131| const _withScopeId = n => (_pushScopeId("data-v-02281a80"),n=n(),_popScopeId(),n) 132| const _hoisted_1 = { style: {"margin":"1rem 0"} } 133| const _hoisted_2 = /#PURE/_createStaticVNode("

This is an example store to test out devtools. Try one of the following with the devtools open:

Use the different increment actions
Change the counter directly from the devtools
Use decrement to zero to see how action groups work
Click Test Errors and immediately after increment the store
While the dev server is running, try changing counter.changeMe, adding, and removing new state properties

Counter Store

", 3) | ^ 134| const _hoisted_5 = { "data-testid": "counter-values" } 135| const _hoisted_6 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Increment the Store:", -1 / HOISTED /))

The symbol "_hoisted_5" has already been declared 132| const _hoisted_1 = { style: {"margin":"1rem 0"} } 133| const _hoisted_2 = /#PURE/_createStaticVNode("

This is an example store to test out devtools. Try one of the following with the devtools open:

Use the different increment actions
Change the counter directly from the devtools
Use decrement to zero to see how action groups work
Click Test Errors and immediately after increment the store
While the dev server is running, try changing counter.changeMe, adding, and removing new state properties

Counter Store

", 3) 134| const _hoisted_5 = { "data-testid": "counter-values" } | ^ 135| const _hoisted_6 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Increment the Store:", -1 / HOISTED /)) 136| const _hoisted_7 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Other actions:", -1 / HOISTED /))

The symbol "_hoisted_6" has already been declared 133| const _hoisted_2 = /#PURE/_createStaticVNode("

This is an example store to test out devtools. Try one of the following with the devtools open:

Use the different increment actions
Change the counter directly from the devtools
Use decrement to zero to see how action groups work
Click Test Errors and immediately after increment the store
While the dev server is running, try changing counter.changeMe, adding, and removing new state properties

Counter Store

", 3) 134| const _hoisted_5 = { "data-testid": "counter-values" } 135| const _hoisted_6 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Increment the Store:", -1 / HOISTED /)) | ^ 136| const _hoisted_7 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Other actions:", -1 / HOISTED /)) 137| const _hoisted_8 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("code", null, "counter.changeMe()", -1 / HOISTED /))

The symbol "_hoisted_7" has already been declared 134| const _hoisted_5 = { "data-testid": "counter-values" } 135| const _hoisted_6 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Increment the Store:", -1 / HOISTED /)) 136| const _hoisted_7 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Other actions:", -1 / HOISTED /)) | ^ 137| const _hoisted_8 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("code", null, "counter.changeMe()", -1 / HOISTED /)) 138| const _hoisted_9 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("hr", null, null, -1 / HOISTED /))

The symbol "_hoisted_8" has already been declared 135| const _hoisted_6 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Increment the Store:", -1 / HOISTED /)) 136| const _hoisted_7 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Other actions:", -1 / HOISTED /)) 137| const _hoisted_8 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("code", null, "counter.changeMe()", -1 / HOISTED /)) | ^ 138| const _hoisted_9 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("hr", null, null, -1 / HOISTED /)) 139| const _hoisted_10 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, [

The symbol "_hoisted_9" has already been declared 136| const _hoisted_7 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Other actions:", -1 / HOISTED /)) 137| const _hoisted_8 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("code", null, "counter.changeMe()", -1 / HOISTED /)) 138| const _hoisted_9 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("hr", null, null, -1 / HOISTED /)) | ^ 139| const _hoisted_10 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, [ 140| /#PURE/_createTextVNode(" Complete store state via "),

The symbol "_hoisted_10" has already been declared 137| const _hoisted_8 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("code", null, "counter.changeMe()", -1 / HOISTED /)) 138| const _hoisted_9 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("hr", null, null, -1 / HOISTED /)) 139| const _hoisted_10 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, [ | ^ 140| /#PURE/_createTextVNode(" Complete store state via "), 141| /#PURE/_createElementVNode("code", null, "store.$state"),

Multiple exports with the same name "default" 245| }) 246| import _export_sfc from 'plugin-vue:export-helper' 247| export default /#PURE/_export_sfc(_sfc_main, [['render',_sfc_render],['scopeId',"data-v-02281a80"],['file',"/Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue"]]) | ^

  at failureErrorWithLog (/Users/a1/work-projects/storybook-nuxt-demo/node_modules/esbuild/lib/main.js:1649:15)
  at /Users/a1/work-projects/storybook-nuxt-demo/node_modules/esbuild/lib/main.js:847:29
  at responseCallbacks.<computed> (/Users/a1/work-projects/storybook-nuxt-demo/node_modules/esbuild/lib/main.js:703:9)
  at handleIncomingPacket (/Users/a1/work-projects/storybook-nuxt-demo/node_modules/esbuild/lib/main.js:762:9)
  at Socket.readFromStdout (/Users/a1/work-projects/storybook-nuxt-demo/node_modules/esbuild/lib/main.js:679:7)
  at Socket.emit (node:events:390:28)
  at Socket.emit (node:domain:475:12)
  at addChunk (node:internal/streams/readable:315:12)
  at readableAddChunk (node:internal/streams/readable:289:9)
  at Socket.Readable.push (node:internal/streams/readable:228:10)

ℹ ✨ new dependencies optimized: pinia 11:17:10 PM ℹ ✨ optimized dependencies changed. reloading 11:17:10 PM

ERROR Transform failed with 10 errors: 11:17:11 PM /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:131:6: ERROR: The symbol "_withScopeId" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:132:6: ERROR: The symbol "_hoisted_1" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:133:6: ERROR: The symbol "_hoisted_2" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:134:6: ERROR: The symbol "_hoisted_5" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:135:6: ERROR: The symbol "_hoisted_6" has already been declared ...

                                                                                                                                                                                11:17:11 PM

ERROR Internal server error: Transform failed with 10 errors: 11:17:11 PM /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:131:6: ERROR: The symbol "_withScopeId" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:132:6: ERROR: The symbol "_hoisted_1" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:133:6: ERROR: The symbol "_hoisted_2" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:134:6: ERROR: The symbol "_hoisted_5" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:135:6: ERROR: The symbol "_hoisted_6" has already been declared ... Plugin: vite:vue File: /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue?macro=true:131:6

The symbol "_withScopeId" has already been declared 129| import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createVNode as _createVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createStaticVNode as _createStaticVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue" 130|
131| const _withScopeId = n => (_pushScopeId("data-v-02281a80"),n=n(),_popScopeId(),n) | ^ 132| const _hoisted_1 = { style: {"margin":"1rem 0"} } 133| const _hoisted_2 = /#PURE/_createStaticVNode("

This is an example store to test out devtools. Try one of the following with the devtools open:

Use the different increment actions
Change the counter directly from the devtools
Use decrement to zero to see how action groups work
Click Test Errors and immediately after increment the store
While the dev server is running, try changing counter.changeMe, adding, and removing new state properties

Counter Store

", 3)

The symbol "_hoisted_1" has already been declared 130|
131| const _withScopeId = n => (_pushScopeId("data-v-02281a80"),n=n(),_popScopeId(),n) 132| const _hoisted_1 = { style: {"margin":"1rem 0"} } | ^ 133| const _hoisted_2 = /#PURE/_createStaticVNode("

This is an example store to test out devtools. Try one of the following with the devtools open:

Use the different increment actions
Change the counter directly from the devtools
Use decrement to zero to see how action groups work
Click Test Errors and immediately after increment the store
While the dev server is running, try changing counter.changeMe, adding, and removing new state properties

Counter Store

", 3) 134| const _hoisted_5 = { "data-testid": "counter-values" }

The symbol "_hoisted_2" has already been declared 131| const _withScopeId = n => (_pushScopeId("data-v-02281a80"),n=n(),_popScopeId(),n) 132| const _hoisted_1 = { style: {"margin":"1rem 0"} } 133| const _hoisted_2 = /#PURE/_createStaticVNode("

This is an example store to test out devtools. Try one of the following with the devtools open:

Use the different increment actions
Change the counter directly from the devtools
Use decrement to zero to see how action groups work
Click Test Errors and immediately after increment the store
While the dev server is running, try changing counter.changeMe, adding, and removing new state properties

Counter Store

", 3) | ^ 134| const _hoisted_5 = { "data-testid": "counter-values" } 135| const _hoisted_6 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Increment the Store:", -1 / HOISTED /))

The symbol "_hoisted_5" has already been declared 132| const _hoisted_1 = { style: {"margin":"1rem 0"} } 133| const _hoisted_2 = /#PURE/_createStaticVNode("

This is an example store to test out devtools. Try one of the following with the devtools open:

Use the different increment actions
Change the counter directly from the devtools
Use decrement to zero to see how action groups work
Click Test Errors and immediately after increment the store
While the dev server is running, try changing counter.changeMe, adding, and removing new state properties

Counter Store

", 3) 134| const _hoisted_5 = { "data-testid": "counter-values" } | ^ 135| const _hoisted_6 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Increment the Store:", -1 / HOISTED /)) 136| const _hoisted_7 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Other actions:", -1 / HOISTED /))

The symbol "_hoisted_6" has already been declared 133| const _hoisted_2 = /#PURE/_createStaticVNode("

This is an example store to test out devtools. Try one of the following with the devtools open:

Use the different increment actions
Change the counter directly from the devtools
Use decrement to zero to see how action groups work
Click Test Errors and immediately after increment the store
While the dev server is running, try changing counter.changeMe, adding, and removing new state properties

Counter Store

", 3) 134| const _hoisted_5 = { "data-testid": "counter-values" } 135| const _hoisted_6 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Increment the Store:", -1 / HOISTED /)) | ^ 136| const _hoisted_7 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Other actions:", -1 / HOISTED /)) 137| const _hoisted_8 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("code", null, "counter.changeMe()", -1 / HOISTED /))

The symbol "_hoisted_7" has already been declared 134| const _hoisted_5 = { "data-testid": "counter-values" } 135| const _hoisted_6 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Increment the Store:", -1 / HOISTED /)) 136| const _hoisted_7 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Other actions:", -1 / HOISTED /)) | ^ 137| const _hoisted_8 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("code", null, "counter.changeMe()", -1 / HOISTED /)) 138| const _hoisted_9 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("hr", null, null, -1 / HOISTED /))

The symbol "_hoisted_8" has already been declared 135| const _hoisted_6 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Increment the Store:", -1 / HOISTED /)) 136| const _hoisted_7 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Other actions:", -1 / HOISTED /)) 137| const _hoisted_8 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("code", null, "counter.changeMe()", -1 / HOISTED /)) | ^ 138| const _hoisted_9 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("hr", null, null, -1 / HOISTED /)) 139| const _hoisted_10 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, [

The symbol "_hoisted_9" has already been declared 136| const _hoisted_7 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Other actions:", -1 / HOISTED /)) 137| const _hoisted_8 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("code", null, "counter.changeMe()", -1 / HOISTED /)) 138| const _hoisted_9 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("hr", null, null, -1 / HOISTED /)) | ^ 139| const _hoisted_10 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, [ 140| /#PURE/_createTextVNode(" Complete store state via "),

The symbol "_hoisted_10" has already been declared 137| const _hoisted_8 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("code", null, "counter.changeMe()", -1 / HOISTED /)) 138| const _hoisted_9 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("hr", null, null, -1 / HOISTED /)) 139| const _hoisted_10 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, [ | ^ 140| /#PURE/_createTextVNode(" Complete store state via "), 141| /#PURE/_createElementVNode("code", null, "store.$state"),

Multiple exports with the same name "default" 245| }) 246| import _export_sfc from 'plugin-vue:export-helper' 247| export default /#PURE/_export_sfc(_sfc_main, [['render',_sfc_render],['scopeId',"data-v-02281a80"],['file',"/Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue"]]) | ^

  at failureErrorWithLog (/Users/a1/work-projects/storybook-nuxt-demo/node_modules/esbuild/lib/main.js:1649:15)
  at /Users/a1/work-projects/storybook-nuxt-demo/node_modules/esbuild/lib/main.js:847:29
  at responseCallbacks.<computed> (/Users/a1/work-projects/storybook-nuxt-demo/node_modules/esbuild/lib/main.js:703:9)
  at handleIncomingPacket (/Users/a1/work-projects/storybook-nuxt-demo/node_modules/esbuild/lib/main.js:762:9)
  at Socket.readFromStdout (/Users/a1/work-projects/storybook-nuxt-demo/node_modules/esbuild/lib/main.js:679:7)
  at Socket.emit (node:events:390:28)
  at Socket.emit (node:domain:475:12)
  at addChunk (node:internal/streams/readable:315:12)
  at readableAddChunk (node:internal/streams/readable:289:9)
  at Socket.Readable.push (node:internal/streams/readable:228:10)

                                                                                                                                                                                11:17:16 PM

ERROR Internal server error: Transform failed with 10 errors: 11:17:16 PM /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:131:6: ERROR: The symbol "_withScopeId" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:132:6: ERROR: The symbol "_hoisted_1" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:133:6: ERROR: The symbol "_hoisted_2" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:134:6: ERROR: The symbol "_hoisted_5" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:135:6: ERROR: The symbol "_hoisted_6" has already been declared ... Plugin: vite:vue File: /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:131:6

The symbol "_withScopeId" has already been declared 129| import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createVNode as _createVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createStaticVNode as _createStaticVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue" 130|
131| const _withScopeId = n => (_pushScopeId("data-v-02281a80"),n=n(),_popScopeId(),n) | ^ 132| const _hoisted_1 = { style: {"margin":"1rem 0"} } 133| const _hoisted_2 = /#PURE/_createStaticVNode("

This is an example store to test out devtools. Try one of the following with the devtools open:

Use the different increment actions
Change the counter directly from the devtools
Use decrement to zero to see how action groups work
Click Test Errors and immediately after increment the store
While the dev server is running, try changing counter.changeMe, adding, and removing new state properties

Counter Store

", 3)

The symbol "_hoisted_1" has already been declared 130|
131| const _withScopeId = n => (_pushScopeId("data-v-02281a80"),n=n(),_popScopeId(),n) 132| const _hoisted_1 = { style: {"margin":"1rem 0"} } | ^ 133| const _hoisted_2 = /#PURE/_createStaticVNode("

This is an example store to test out devtools. Try one of the following with the devtools open:

Use the different increment actions
Change the counter directly from the devtools
Use decrement to zero to see how action groups work
Click Test Errors and immediately after increment the store
While the dev server is running, try changing counter.changeMe, adding, and removing new state properties

Counter Store

", 3) 134| const _hoisted_5 = { "data-testid": "counter-values" }

The symbol "_hoisted_2" has already been declared 131| const _withScopeId = n => (_pushScopeId("data-v-02281a80"),n=n(),_popScopeId(),n) 132| const _hoisted_1 = { style: {"margin":"1rem 0"} } 133| const _hoisted_2 = /#PURE/_createStaticVNode("

This is an example store to test out devtools. Try one of the following with the devtools open:

Use the different increment actions
Change the counter directly from the devtools
Use decrement to zero to see how action groups work
Click Test Errors and immediately after increment the store
While the dev server is running, try changing counter.changeMe, adding, and removing new state properties

Counter Store

", 3) | ^ 134| const _hoisted_5 = { "data-testid": "counter-values" } 135| const _hoisted_6 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Increment the Store:", -1 / HOISTED /))

The symbol "_hoisted_5" has already been declared 132| const _hoisted_1 = { style: {"margin":"1rem 0"} } 133| const _hoisted_2 = /#PURE/_createStaticVNode("

This is an example store to test out devtools. Try one of the following with the devtools open:

Use the different increment actions
Change the counter directly from the devtools
Use decrement to zero to see how action groups work
Click Test Errors and immediately after increment the store
While the dev server is running, try changing counter.changeMe, adding, and removing new state properties

Counter Store

", 3) 134| const _hoisted_5 = { "data-testid": "counter-values" } | ^ 135| const _hoisted_6 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Increment the Store:", -1 / HOISTED /)) 136| const _hoisted_7 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Other actions:", -1 / HOISTED /))

The symbol "_hoisted_6" has already been declared 133| const _hoisted_2 = /#PURE/_createStaticVNode("

This is an example store to test out devtools. Try one of the following with the devtools open:

Use the different increment actions
Change the counter directly from the devtools
Use decrement to zero to see how action groups work
Click Test Errors and immediately after increment the store
While the dev server is running, try changing counter.changeMe, adding, and removing new state properties

Counter Store

", 3) 134| const _hoisted_5 = { "data-testid": "counter-values" } 135| const _hoisted_6 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Increment the Store:", -1 / HOISTED /)) | ^ 136| const _hoisted_7 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Other actions:", -1 / HOISTED /)) 137| const _hoisted_8 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("code", null, "counter.changeMe()", -1 / HOISTED /))

The symbol "_hoisted_7" has already been declared 134| const _hoisted_5 = { "data-testid": "counter-values" } 135| const _hoisted_6 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Increment the Store:", -1 / HOISTED /)) 136| const _hoisted_7 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Other actions:", -1 / HOISTED /)) | ^ 137| const _hoisted_8 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("code", null, "counter.changeMe()", -1 / HOISTED /)) 138| const _hoisted_9 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("hr", null, null, -1 / HOISTED /))

The symbol "_hoisted_8" has already been declared 135| const _hoisted_6 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Increment the Store:", -1 / HOISTED /)) 136| const _hoisted_7 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Other actions:", -1 / HOISTED /)) 137| const _hoisted_8 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("code", null, "counter.changeMe()", -1 / HOISTED /)) | ^ 138| const _hoisted_9 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("hr", null, null, -1 / HOISTED /)) 139| const _hoisted_10 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, [

The symbol "_hoisted_9" has already been declared 136| const _hoisted_7 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, "Other actions:", -1 / HOISTED /)) 137| const _hoisted_8 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("code", null, "counter.changeMe()", -1 / HOISTED /)) 138| const _hoisted_9 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("hr", null, null, -1 / HOISTED /)) | ^ 139| const _hoisted_10 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, [ 140| /#PURE/_createTextVNode(" Complete store state via "),

The symbol "_hoisted_10" has already been declared 137| const _hoisted_8 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("code", null, "counter.changeMe()", -1 / HOISTED /)) 138| const _hoisted_9 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("hr", null, null, -1 / HOISTED /)) 139| const _hoisted_10 = /#PURE/ _withScopeId(() => /#PURE/_createElementVNode("p", null, [ | ^ 140| /#PURE/_createTextVNode(" Complete store state via "), 141| /#PURE/_createElementVNode("code", null, "store.$state"),

Multiple exports with the same name "default" 245| }) 246| import _export_sfc from 'plugin-vue:export-helper' 247| export default /#PURE/_export_sfc(_sfc_main, [['render',_sfc_render],['scopeId',"data-v-02281a80"],['file',"/Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue"]]) | ^

  at failureErrorWithLog (/Users/a1/work-projects/storybook-nuxt-demo/node_modules/esbuild/lib/main.js:1649:15)
  at /Users/a1/work-projects/storybook-nuxt-demo/node_modules/esbuild/lib/main.js:847:29
  at responseCallbacks.<computed> (/Users/a1/work-projects/storybook-nuxt-demo/node_modules/esbuild/lib/main.js:703:9)
  at handleIncomingPacket (/Users/a1/work-projects/storybook-nuxt-demo/node_modules/esbuild/lib/main.js:762:9)
  at Socket.readFromStdout (/Users/a1/work-projects/storybook-nuxt-demo/node_modules/esbuild/lib/main.js:679:7)
  at Socket.emit (node:events:390:28)
  at Socket.emit (node:domain:475:12)
  at addChunk (node:internal/streams/readable:315:12)
  at readableAddChunk (node:internal/streams/readable:289:9)
  at Socket.Readable.push (node:internal/streams/readable:228:10)

ERROR Transform failed with 10 errors: 11:17:16 PM /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:131:6: ERROR: The symbol "_withScopeId" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:132:6: ERROR: The symbol "_hoisted_1" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:133:6: ERROR: The symbol "_hoisted_2" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:134:6: ERROR: The symbol "_hoisted_5" has already been declared /Users/a1/work-projects/storybook-nuxt-demo/pages/index.vue:135:6: ERROR: The symbol "_hoisted_6" has already been declared ...

chakAs3 commented 1 year ago

Hi @VegasChickiChicki i updated the dependencies versions, please try again .

VegasChickiChicki commented 1 year ago

Hi @VegasChickiChicki i updated the dependencies versions, please try again .

I understood what was going on. I get such errors when I try to install this module into my main repository with a real project. I was able to reproduce these errors by deleting the pnpm-lock.yaml file. If you delete this file and install dependencies, the project will not start, there will be errors from the message above. Please note that I get the same errors when I try to install storybook-nuxt in my main repository. I also get these errors if I run npm install and not pnpm install.

@chakAs3

chakAs3 commented 1 year ago

@VegasChickiChicki yes im looking into that , i will publish storybook module for Nuxt, will be easier to install storybook to your project and have direct access via devtools

VegasChickiChicki commented 1 year ago

@VegasChickiChicki yes im looking into that , i will publish storybook module for Nuxt, will be easier to install storybook to your project and have direct access via devtools

Hi, when i can check updates? Its very important for my project. Thanks!

chakAs3 commented 1 year ago

hi @VegasChickiChicki, im making a new demo repo for nuxt module, you will be the first to share with i willl need your feedback

VegasChickiChicki commented 1 year ago

@chakAs3 Okay, thanks! Im waiting notification)

chakAs3 commented 1 year ago

https://github.com/chakAs3/nuxt-storybook-module-demo

storybook-vue / storybook-nuxt-demo

Cannot start storybook #9

Counter Store

Counter Store

Counter Store

Counter Store

Counter Store

Counter Store

Counter Store

Counter Store

Counter Store

Counter Store

Counter Store

Counter Store

Counter Store

Counter Store

Counter Store