search

hirotaka / storybook-addon-nuxt

This add-on makes it easier to set up Storybook in your Nuxt3 project.
78 stars 16 forks source link

Migration to storybook 7.1.0 #26

Open VegasChickiChicki opened 11 months ago

VegasChickiChicki commented 11 months ago

I have this error when i starting storybook

Failed to load preset: {"type":"presets","name":"/Users/a1/work-projects/nuxt-3-template/node_modules/storybook-addon-nuxt/dist/preset.js"} on level 1 ERR! SyntaxError: Cannot use import statement outside a module ERR! at Object.compileFunction (node:vm:352:18) ERR! at wrapSafe (node:internal/modules/cjs/loader:1031:15) ERR! at Module._compile (node:internal/modules/cjs/loader:1065:27) ERR! at Module._extensions..js (node:internal/modules/cjs/loader:1153:10) ERR! at Object.newLoader (/Users/a1/work-projects/nuxt-3-template/node_modules/esbuild-register/dist/node.js:2262:9) ERR! at Object.extensions..js (/Users/a1/work-projects/nuxt-3-template/node_modules/esbuild-register/dist/node.js:4807:24) ERR! at Module.load (node:internal/modules/cjs/loader:981:32) ERR! at Function.Module._load (node:internal/modules/cjs/loader:822:12) ERR! at Module.require (node:internal/modules/cjs/loader:1005:19) ERR! at require (node:internal/modules/cjs/helpers:102:18) ERR! SyntaxError: Cannot use import statement outside a module ERR! at Object.compileFunction (node:vm:352:18) ERR! at wrapSafe (node:internal/modules/cjs/loader:1031:15) ERR! at Module._compile (node:internal/modules/cjs/loader:1065:27) ERR! at Module._extensions..js (node:internal/modules/cjs/loader:1153:10) ERR! at Object.newLoader (/Users/a1/work-projects/nuxt-3-template/node_modules/esbuild-register/dist/node.js:2262:9) ERR! at Object.extensions..js (/Users/a1/work-projects/nuxt-3-template/node_modules/esbuild-register/dist/node.js:4807:24) ERR! at Module.load (node:internal/modules/cjs/loader:981:32) ERR! at Function.Module._load (node:internal/modules/cjs/loader:822:12) ERR! at Module.require (node:internal/modules/cjs/loader:1005:19) ERR! at require (node:internal/modules/cjs/helpers:102:18) WARN Failed to load preset: {"type":"presets","name":"/Users/a1/work-projects/nuxt-3-template/node_modules/storybook-addon-nuxt/dist/preset.js"} on level 1 ERR! SyntaxError: Cannot use import statement outside a module ERR! at Object.compileFunction (node:vm:352:18) ERR! at wrapSafe (node:internal/modules/cjs/loader:1031:15) ERR! at Module._compile (node:internal/modules/cjs/loader:1065:27) ERR! at Module._extensions..js (node:internal/modules/cjs/loader:1153:10) ERR! at Object.newLoader (/Users/a1/work-projects/nuxt-3-template/node_modules/esbuild-register/dist/node.js:2262:9) ERR! at Object.extensions..js (/Users/a1/work-projects/nuxt-3-template/node_modules/esbuild-register/dist/node.js:4807:24) ERR! at Module.load (node:internal/modules/cjs/loader:981:32) ERR! at Function.Module._load (node:internal/modules/cjs/loader:822:12) ERR! at Module.require (node:internal/modules/cjs/loader:1005:19) ERR! at require (node:internal/modules/cjs/helpers:102:18) ERR! SyntaxError: Cannot use import statement outside a module ERR! at Object.compileFunction (node:vm:352:18) ERR! at wrapSafe (node:internal/modules/cjs/loader:1031:15) ERR! at Module._compile (node:internal/modules/cjs/loader:1065:27) ERR! at Module._extensions..js (node:internal/modules/cjs/loader:1153:10) ERR! at Object.newLoader (/Users/a1/work-projects/nuxt-3-template/node_modules/esbuild-register/dist/node.js:2262:9) ERR! at Object.extensions..js (/Users/a1/work-projects/nuxt-3-template/node_modules/esbuild-register/dist/node.js:4807:24) ERR! at Module.load (node:internal/modules/cjs/loader:981:32) ERR! at Function.Module._load (node:internal/modules/cjs/loader:822:12) ERR! at Module.require (node:internal/modules/cjs/loader:1005:19) ERR! at require (node:internal/modules/cjs/helpers:102:18)

And i think nuxt plugin dosent work... On docs for my component i see error on console:

ferenceError: useAttrs is not defined

ReferenceError: useAttrs is not defined at setup (v-button.vue:53:15) at callWithErrorHandling (runtime-core.esm-bundler.js:158:18) at setupStatefulComponent (runtime-core.esm-bundler.js:7236:25) at setupComponent (runtime-core.esm-bundler.js:7197:36) at mountComponent (runtime-core.esm-bundler.js:5599:7) at processComponent (runtime-core.esm-bundler.js:5565:9) at patch (runtime-core.esm-bundler.js:5040:11) at mountChildren (runtime-core.esm-bundler.js:5284:7) at mountElement (runtime-core.esm-bundler.js:5191:7) at processElement (runtime-core.esm-bundler.js:5156:7) e

If need more infomation i can give it for nessesary.

morgan-massamba commented 11 months ago

You can find a solution here https://github.com/hirotaka/storybook-addon-nuxt/issues/24 but the merge request is not accepted yet.