search

RyanClementsHax / storybook-addon-next

A no config Storybook addon that makes Next.js features just work in Storybook
MIT License
219 stars 29 forks source link

Examples broken on next13, node 16.17.0 #171

Closed airtonix closed 1 year ago

airtonix commented 1 year ago

Describe the bug

  1. repo at https://github.com/RyanClementsHax/storybook-addon-next/commit/deea42f79dc5252e1cc19db9c156946814df67cd
  2. cd examples/nextv13
  3. yarn
  4. wait
  5. yarn storybook
  6. fail

Your minimal, reproducible example

https://github.com/RyanClementsHax/storybook-addon-next/blob/ddb020a193ff71ee60bb94b3eb8eaafafad25e5a/package.json

Steps to reproduce

see above

Expected behavior

no errors

How often does this bug happen?

None

Screenshots or Videos

No response

Platform

System:
  Kernel: 6.1.7-200.fc37.x86_64
  Distro: Fedora release 37 (Thirty Seven)

storybook-addon-next version

https://github.com/RyanClementsHax/storybook-addon-next/blob/ddb020a193ff71ee60bb94b3eb8eaafafad25e5a/package.json

Additional context

https://github.com/RyanClementsHax/storybook-addon-next/blob/ddb020a193ff71ee60bb94b3eb8eaafafad25e5a/package.json

airtonix commented 1 year ago 
storybook-addon-next/examples/nextv13 on git main via nodejs v16.17.0 
> yarn storybook
yarn run v1.22.11
$ start-storybook -p 6006 -s public
info @storybook/react v6.5.13
info 
(node:480257) DeprecationWarning: --static-dir CLI flag is deprecated, see:

https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated---static-dir-cli-flag
(Use `node --trace-deprecation ...` to show where the warning was created)
info => Loading presets
WARN   Failed to load preset: {"type":"presets","name":"/home/zenobius/Projects/Others/storybook-addon-next/preset.js"} on level 1
ERR! Error: Cannot find module './dist/preset.js'
ERR! Require stack:
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/preset.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/index.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-server/dist/cjs/index.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/node_modules/@storybook/core/dist/cjs/server.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/node_modules/@storybook/core/server.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/dist/cjs/server/index.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/bin/index.js
ERR!     at Function.Module._resolveFilename (node:internal/modules/cjs/loader:956:15)
ERR!     at Function.Module._load (node:internal/modules/cjs/loader:804:27)
ERR!     at Module.require (node:internal/modules/cjs/loader:1028:19)
ERR!     at require (node:internal/modules/cjs/helpers:102:18)
ERR!     at Object.<anonymous> (/home/zenobius/Projects/Others/storybook-addon-next/preset.js:1:18)
ERR!     at Module._compile (node:internal/modules/cjs/loader:1126:14)
ERR!     at Object.Module._extensions..js (node:internal/modules/cjs/loader:1180:10)
ERR!     at Module.load (node:internal/modules/cjs/loader:1004:32)
ERR!     at Function.Module._load (node:internal/modules/cjs/loader:839:12)
ERR!     at Module.require (node:internal/modules/cjs/loader:1028:19)
ERR!     at require (node:internal/modules/cjs/helpers:102:18)
ERR!     at interopRequireDefault (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js:178:16)
ERR!     at getContent (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js:194:10)
ERR!     at loadPreset (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js:203:20)
ERR!     at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js:256:18
ERR!     at Array.reduce (<anonymous>)
ERR!  Error: Cannot find module './dist/preset.js'
ERR! Require stack:
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/preset.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/index.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-server/dist/cjs/index.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/node_modules/@storybook/core/dist/cjs/server.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/node_modules/@storybook/core/server.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/dist/cjs/server/index.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/bin/index.js
ERR!     at Function.Module._resolveFilename (node:internal/modules/cjs/loader:956:15)
ERR!     at Function.Module._load (node:internal/modules/cjs/loader:804:27)
ERR!     at Module.require (node:internal/modules/cjs/loader:1028:19)
ERR!     at require (node:internal/modules/cjs/helpers:102:18)
ERR!     at Object.<anonymous> (/home/zenobius/Projects/Others/storybook-addon-next/preset.js:1:18)
ERR!     at Module._compile (node:internal/modules/cjs/loader:1126:14)
ERR!     at Object.Module._extensions..js (node:internal/modules/cjs/loader:1180:10)
ERR!     at Module.load (node:internal/modules/cjs/loader:1004:32)
ERR!     at Function.Module._load (node:internal/modules/cjs/loader:839:12)
ERR!     at Module.require (node:internal/modules/cjs/loader:1028:19)
ERR!     at require (node:internal/modules/cjs/helpers:102:18)
ERR!     at interopRequireDefault (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js:178:16)
ERR!     at getContent (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js:194:10)
ERR!     at loadPreset (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js:203:20)
ERR!     at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js:256:18
ERR!     at Array.reduce (<anonymous>) {
ERR!   code: 'MODULE_NOT_FOUND',
ERR!   requireStack: [
ERR!     '/home/zenobius/Projects/Others/storybook-addon-next/preset.js',
ERR!     '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js',
ERR!     '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/index.js',
ERR!     '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-server/dist/cjs/index.js',
ERR!     '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/node_modules/@storybook/core/dist/cjs/server.js',
ERR!     '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/node_modules/@storybook/core/server.js',
ERR!     '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/dist/cjs/server/index.js',
ERR!     '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/bin/index.js'
ERR!   ]
ERR! }
info => Serving static files from ./public at /
info Addon-docs: using MDX1
info => Using implicit CSS loaders
info => Using default Webpack5 setup
<i> [webpack-dev-middleware] wait until bundle finished
10% building 0/1 entries 0/0 dependencies 0/0 modules
info => Using cached manager
10% building 0/14 entries 16/46 dependencies 1/14 modulesBrowserslist: caniuse-lite is outdated. Please run:
  npx browserslist@latest --update-db
  Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating
99% done plugins webpack-hot-middlewarewebpack built preview 0478bdefdb0586fcb6c4 in 3878ms
ModuleNotFoundError: Module not found: Error: Can't resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Compilation.js:2015:28
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:798:13
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:10:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:270:22
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:9:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:434:22
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:116:11
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:670:25
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:855:8
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:975:5
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/neo-async/async.js:6883:13
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:958:45
    at finishWithoutResolve (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:312:11)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:386:15
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
  Parsed request is a module
  using description file: /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/package.json (relative path: ./pages)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/storybook-addon-next/examples/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/node_modules doesn't exist or is not a directory
      /home/zenobius/Projects/node_modules doesn't exist or is not a directory
      /home/zenobius/node_modules doesn't exist or is not a directory
      /home/node_modules doesn't exist or is not a directory
      /node_modules doesn't exist or is not a directory
ModuleNotFoundError: Module not found: Error: Can't resolve 'components/MyComponent' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Compilation.js:2015:28
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:798:13
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:10:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:270:22
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:9:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:434:22
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:116:11
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:670:25
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:855:8
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:975:5
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/neo-async/async.js:6883:13
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:958:45
    at finishWithoutResolve (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:312:11)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:386:15
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'components/MyComponent' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
  Parsed request is a module
  using description file: /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/package.json (relative path: ./pages)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/storybook-addon-next/examples/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/node_modules doesn't exist or is not a directory
      /home/zenobius/Projects/node_modules doesn't exist or is not a directory
      /home/zenobius/node_modules doesn't exist or is not a directory
      /home/node_modules doesn't exist or is not a directory
      /node_modules doesn't exist or is not a directory
ModuleNotFoundError: Module not found: Error: Can't resolve '@/components/MyOtherComponent' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Compilation.js:2015:28
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:798:13
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:10:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:270:22
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:9:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:434:22
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:116:11
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:670:25
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:855:8
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:975:5
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/neo-async/async.js:6883:13
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:958:45
    at finishWithoutResolve (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:312:11)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:386:15
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve '@/components/MyOtherComponent' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
  Parsed request is a module
  using description file: /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/package.json (relative path: ./pages)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@/components doesn't exist
      /home/zenobius/Projects/Others/storybook-addon-next/examples/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/node_modules/@/components doesn't exist
      /home/zenobius/Projects/Others/node_modules doesn't exist or is not a directory
      /home/zenobius/Projects/node_modules doesn't exist or is not a directory
      /home/zenobius/node_modules doesn't exist or is not a directory
      /home/node_modules doesn't exist or is not a directory
      /node_modules doesn't exist or is not a directory
ModuleNotFoundError: Module not found: Error: Can't resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Compilation.js:2015:28
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:798:13
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:10:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:270:22
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:9:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:434:22
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:116:11
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:670:25
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:855:8
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:975:5
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/neo-async/async.js:6883:13
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:958:45
    at finishWithoutResolve (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:312:11)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:386:15
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
  Parsed request is a module
  using description file: /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/package.json (relative path: ./pages)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/storybook-addon-next/examples/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/node_modules doesn't exist or is not a directory
      /home/zenobius/Projects/node_modules doesn't exist or is not a directory
      /home/zenobius/node_modules doesn't exist or is not a directory
      /home/node_modules doesn't exist or is not a directory
      /node_modules doesn't exist or is not a directory
ModuleNotFoundError: Module not found: Error: Can't resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Compilation.js:2015:28
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:798:13
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:10:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:270:22
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:9:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:434:22
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:116:11
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:670:25
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:855:8
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:975:5
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/neo-async/async.js:6883:13
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:958:45
    at finishWithoutResolve (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:312:11)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:386:15
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
  Parsed request is a module
  using description file: /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/package.json (relative path: ./pages)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/storybook-addon-next/examples/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/node_modules doesn't exist or is not a directory
      /home/zenobius/Projects/node_modules doesn't exist or is not a directory
      /home/zenobius/node_modules doesn't exist or is not a directory
      /home/node_modules doesn't exist or is not a directory
      /node_modules doesn't exist or is not a directory
ModuleNotFoundError: Module not found: Error: Can't resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Compilation.js:2015:28
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:798:13
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:10:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:270:22
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:9:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:434:22
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:116:11
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:670:25
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:855:8
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:975:5
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/neo-async/async.js:6883:13
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:958:45
    at finishWithoutResolve (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:312:11)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:386:15
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
  Parsed request is a module
  using description file: /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/package.json (relative path: ./pages)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/storybook-addon-next/examples/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/node_modules doesn't exist or is not a directory
      /home/zenobius/Projects/node_modules doesn't exist or is not a directory
      /home/zenobius/node_modules doesn't exist or is not a directory
      /home/node_modules doesn't exist or is not a directory
      /node_modules doesn't exist or is not a directory
ModuleNotFoundError: Module not found: Error: Can't resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Compilation.js:2015:28
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:798:13
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:10:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:270:22
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:9:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:434:22
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:116:11
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:670:25
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:855:8
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:975:5
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/neo-async/async.js:6883:13
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:958:45
    at finishWithoutResolve (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:312:11)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:386:15
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
  Parsed request is a module
  using description file: /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/package.json (relative path: ./pages)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/storybook-addon-next/examples/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/node_modules doesn't exist or is not a directory
      /home/zenobius/Projects/node_modules doesn't exist or is not a directory
      /home/zenobius/node_modules doesn't exist or is not a directory
      /home/node_modules doesn't exist or is not a directory
      /node_modules doesn't exist or is not a directory
ModuleNotFoundError: Module not found: Error: Can't resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Compilation.js:2015:28
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:798:13
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:10:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:270:22
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:9:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:434:22
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:116:11
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:670:25
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:855:8
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:975:5
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/neo-async/async.js:6883:13
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:958:45
    at finishWithoutResolve (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:312:11)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:386:15
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
  Parsed request is a module
  using description file: /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/package.json (relative path: ./pages)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/storybook-addon-next/examples/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/node_modules doesn't exist or is not a directory
      /home/zenobius/Projects/node_modules doesn't exist or is not a directory
      /home/zenobius/node_modules doesn't exist or is not a directory
      /home/node_modules doesn't exist or is not a directory
      /node_modules doesn't exist or is not a directory
ModuleNotFoundError: Module not found: Error: Can't resolve 'public/nyan-cat.png' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Compilation.js:2015:28
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:798:13
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:10:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:270:22
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:9:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:434:22
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:116:11
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:670:25
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:855:8
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:975:5
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/neo-async/async.js:6883:13
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:958:45
    at finishWithoutResolve (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:312:11)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:386:15
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'public/nyan-cat.png' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
  Parsed request is a module
  using description file: /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/package.json (relative path: ./pages)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/public doesn't exist
      /home/zenobius/Projects/Others/storybook-addon-next/examples/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/node_modules/public doesn't exist
      /home/zenobius/Projects/Others/node_modules doesn't exist or is not a directory
      /home/zenobius/Projects/node_modules doesn't exist or is not a directory
      /home/zenobius/node_modules doesn't exist or is not a directory
      /home/node_modules doesn't exist or is not a directory
      /node_modules doesn't exist or is not a directory
ModuleNotFoundError: Module not found: Error: Can't resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Compilation.js:2015:28
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:798:13
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:10:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:270:22
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:9:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:434:22
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:116:11
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:670:25
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:855:8
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:975:5
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/neo-async/async.js:6883:13
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:958:45
    at finishWithoutResolve (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:312:11)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:386:15
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
  Parsed request is a module
  using description file: /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/package.json (relative path: ./pages)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/storybook-addon-next/examples/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/node_modules doesn't exist or is not a directory
      /home/zenobius/Projects/node_modules doesn't exist or is not a directory
      /home/zenobius/node_modules doesn't exist or is not a directory
      /home/node_modules doesn't exist or is not a directory
      /node_modules doesn't exist or is not a directory
ModuleNotFoundError: Module not found: Error: Can't resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Compilation.js:2015:28
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:798:13
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:10:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:270:22
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:9:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:434:22
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:116:11
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:670:25
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:855:8
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:975:5
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/neo-async/async.js:6883:13
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:958:45
    at finishWithoutResolve (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:312:11)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:386:15
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
  Parsed request is a module
  using description file: /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/package.json (relative path: ./pages)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/storybook-addon-next/examples/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/node_modules doesn't exist or is not a directory
      /home/zenobius/Projects/node_modules doesn't exist or is not a directory
      /home/zenobius/node_modules doesn't exist or is not a directory
      /home/node_modules doesn't exist or is not a directory
      /node_modules doesn't exist or is not a directory
ModuleNotFoundError: Module not found: Error: Can't resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Compilation.js:2015:28
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:798:13
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:10:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:270:22
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:9:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:434:22
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:116:11
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:670:25
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:855:8
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:975:5
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/neo-async/async.js:6883:13
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:958:45
    at finishWithoutResolve (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:312:11)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:386:15
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
  Parsed request is a module
  using description file: /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/package.json (relative path: ./pages)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/storybook-addon-next/examples/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/node_modules doesn't exist or is not a directory
      /home/zenobius/Projects/node_modules doesn't exist or is not a directory
      /home/zenobius/node_modules doesn't exist or is not a directory
      /home/node_modules doesn't exist or is not a directory
      /node_modules doesn't exist or is not a directory
ModuleNotFoundError: Module not found: Error: Can't resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Compilation.js:2015:28
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:798:13
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:10:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:270:22
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:9:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:434:22
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:116:11
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:670:25
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:855:8
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:975:5
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/neo-async/async.js:6883:13
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:958:45
    at finishWithoutResolve (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:312:11)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:386:15
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
  Parsed request is a module
  using description file: /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/package.json (relative path: ./pages)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/storybook-addon-next/examples/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/node_modules doesn't exist or is not a directory
      /home/zenobius/Projects/node_modules doesn't exist or is not a directory
      /home/zenobius/node_modules doesn't exist or is not a directory
      /home/node_modules doesn't exist or is not a directory
      /node_modules doesn't exist or is not a directory
ModuleNotFoundError: Module not found: Error: Can't resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/Compilation.js:2015:28
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:798:13
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:10:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:270:22
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:9:1)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:434:22
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:116:11
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:670:25
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:855:8
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:975:5
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/neo-async/async.js:6883:13
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModuleFactory.js:958:45
    at finishWithoutResolve (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:312:11)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:386:15
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/Resolver.js:435:5
    at eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:16:1)
resolve 'components/Header' in '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages'
  Parsed request is a module
  using description file: /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/package.json (relative path: ./pages)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/pages/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/storybook-addon-next/examples/node_modules doesn't exist or is not a directory
      looking for modules in /home/zenobius/Projects/Others/storybook-addon-next/node_modules
        /home/zenobius/Projects/Others/storybook-addon-next/node_modules/components doesn't exist
      /home/zenobius/Projects/Others/node_modules doesn't exist or is not a directory
      /home/zenobius/Projects/node_modules doesn't exist or is not a directory
      /home/zenobius/node_modules doesn't exist or is not a directory
      /home/node_modules doesn't exist or is not a directory
      /node_modules doesn't exist or is not a directory
ModuleParseError: Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> .main {
|   p {
|     color: steelblue;
    at handleParseError (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:976:19)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:1095:5
    at processResult (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:800:11)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:860:5
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/loader-runner/lib/LoaderRunner.js:406:3
    at iterateNormalLoaders (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/loader-runner/lib/LoaderRunner.js:232:10)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/loader-runner/lib/LoaderRunner.js:223:4
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:834:15
    at Array.eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:12:1)
    at runCallbacks (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:27:15)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:200:4
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/graceful-fs/graceful-fs.js:123:16
    at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3)
ModuleParseError: Module parse failed: Unexpected token (1:5)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> body {
|   background: azure;
| }
    at handleParseError (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:976:19)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:1095:5
    at processResult (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:800:11)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:860:5
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/loader-runner/lib/LoaderRunner.js:406:3
    at iterateNormalLoaders (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/loader-runner/lib/LoaderRunner.js:232:10)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/loader-runner/lib/LoaderRunner.js:223:4
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/webpack/lib/NormalModule.js:834:15
    at Array.eval (eval at create (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:12:1)
    at runCallbacks (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:27:15)
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/builder-webpack5/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:200:4
    at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/graceful-fs/graceful-fs.js:123:16
    at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read_file_context:68:3)

WARN Broken build, fix the error above.
WARN You may need to refresh the browser.

info => Loading presets
WARN   Failed to load preset: {"type":"presets","name":"/home/zenobius/Projects/Others/storybook-addon-next/preset.js"} on level 1
ERR! Error: Cannot find module './dist/preset.js'
ERR! Require stack:
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/preset.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/index.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-server/dist/cjs/index.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/node_modules/@storybook/core/dist/cjs/server.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/node_modules/@storybook/core/server.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/dist/cjs/server/index.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/bin/index.js
ERR!     at Function.Module._resolveFilename (node:internal/modules/cjs/loader:956:15)
ERR!     at Function.Module._load (node:internal/modules/cjs/loader:804:27)
ERR!     at Module.require (node:internal/modules/cjs/loader:1028:19)
ERR!     at require (node:internal/modules/cjs/helpers:102:18)
ERR!     at Object.<anonymous> (/home/zenobius/Projects/Others/storybook-addon-next/preset.js:1:18)
ERR!     at Module._compile (node:internal/modules/cjs/loader:1126:14)
ERR!     at Object.Module._extensions..js (node:internal/modules/cjs/loader:1180:10)
ERR!     at Module.load (node:internal/modules/cjs/loader:1004:32)
ERR!     at Function.Module._load (node:internal/modules/cjs/loader:839:12)
ERR!     at Module.require (node:internal/modules/cjs/loader:1028:19)
ERR!     at require (node:internal/modules/cjs/helpers:102:18)
ERR!     at interopRequireDefault (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js:178:16)
ERR!     at getContent (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js:194:10)
ERR!     at loadPreset (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js:203:20)
ERR!     at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js:256:18
ERR!     at Array.reduce (<anonymous>)
ERR!  Error: Cannot find module './dist/preset.js'
ERR! Require stack:
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/preset.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/index.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-server/dist/cjs/index.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/node_modules/@storybook/core/dist/cjs/server.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/node_modules/@storybook/core/server.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/dist/cjs/server/index.js
ERR! - /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/bin/index.js
ERR!     at Function.Module._resolveFilename (node:internal/modules/cjs/loader:956:15)
ERR!     at Function.Module._load (node:internal/modules/cjs/loader:804:27)
ERR!     at Module.require (node:internal/modules/cjs/loader:1028:19)
ERR!     at require (node:internal/modules/cjs/helpers:102:18)
ERR!     at Object.<anonymous> (/home/zenobius/Projects/Others/storybook-addon-next/preset.js:1:18)
ERR!     at Module._compile (node:internal/modules/cjs/loader:1126:14)
ERR!     at Object.Module._extensions..js (node:internal/modules/cjs/loader:1180:10)
ERR!     at Module.load (node:internal/modules/cjs/loader:1004:32)
ERR!     at Function.Module._load (node:internal/modules/cjs/loader:839:12)
ERR!     at Module.require (node:internal/modules/cjs/loader:1028:19)
ERR!     at require (node:internal/modules/cjs/helpers:102:18)
ERR!     at interopRequireDefault (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js:178:16)
ERR!     at getContent (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js:194:10)
ERR!     at loadPreset (/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js:203:20)
ERR!     at /home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js:256:18
ERR!     at Array.reduce (<anonymous>) {
ERR!   code: 'MODULE_NOT_FOUND',
ERR!   requireStack: [
ERR!     '/home/zenobius/Projects/Others/storybook-addon-next/preset.js',
ERR!     '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/presets.js',
ERR!     '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-common/dist/cjs/index.js',
ERR!     '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/core-server/dist/cjs/index.js',
ERR!     '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/node_modules/@storybook/core/dist/cjs/server.js',
ERR!     '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/node_modules/@storybook/core/server.js',
ERR!     '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/dist/cjs/server/index.js',
ERR!     '/home/zenobius/Projects/Others/storybook-addon-next/examples/nextv13/node_modules/@storybook/react/bin/index.js'
ERR!   ]
ERR! }
99% done plugins webpack-hot-middlewarewebpack built preview ce022fcab4314f915831 in 153ms
✔ Would you like to send crash reports to Storybook? … yes
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
RyanClementsHax commented 1 year ago

🤦🏻‍♂️ This is my fault for the lack of docs, but you have to run yarn build on the root directory before trying to run any of the example projects. This is because each of the example projects links storybook-addon-next to the repo itself instead of getting it from npm; therefore, you have to build it before you use it.

Sorry about that.