[BUG] Impossible to install @nuxtjs/storybook in nuxt project

[LouisMazel]

Hi,

I can install the package into an existing Nuxt project.

All logs when I launch the installation

storybook git:(master) ✗ npm install --save-dev @nuxtjs/storybook
npm WARN ERESOLVE overriding peer dependency
npm WARN Found: [email protected]
npm WARN node_modules/react
npm WARN   peerOptional react@"^16.8.0 || ^17.0.0" from @storybook/[email protected]
npm WARN   node_modules/@storybook/addon-essentials
npm WARN     @storybook/addon-essentials@"^6.1.14" from @nuxtjs/[email protected]
npm WARN     node_modules/@nuxtjs/storybook
npm WARN   12 more (@storybook/addon-actions, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@"^16.8.4" from [email protected]
npm WARN node_modules/react-inspector
npm WARN   react-inspector@"^5.0.1" from @storybook/[email protected]
npm WARN   node_modules/@storybook/addon-actions
npm WARN ERESOLVE overriding peer dependency
npm WARN Found: [email protected]
npm WARN node_modules/react
npm WARN   peerOptional react@"^16.8.0 || ^17.0.0" from @storybook/[email protected]
npm WARN   node_modules/@storybook/addon-essentials
npm WARN     @storybook/addon-essentials@"^6.1.14" from @nuxtjs/[email protected]
npm WARN     node_modules/@nuxtjs/storybook
npm WARN   12 more (@storybook/addon-actions, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@"15.x || 16.x || 16.4.0-alpha.0911da3" from @reach/[email protected]
npm WARN node_modules/@reach/router
npm WARN   @reach/router@"^1.3.3" from @storybook/[email protected]
npm WARN   node_modules/@storybook/api
npm WARN   1 more (@storybook/router)
npm WARN ERESOLVE overriding peer dependency
npm WARN Found: [email protected]
npm WARN node_modules/react-dom
npm WARN   peerOptional react-dom@"^16.8.0 || ^17.0.0" from @storybook/[email protected]
npm WARN   node_modules/@storybook/addon-essentials
npm WARN     @storybook/addon-essentials@"^6.1.14" from @nuxtjs/[email protected]
npm WARN     node_modules/@nuxtjs/storybook
npm WARN   11 more (@storybook/addon-actions, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react-dom@"15.x || 16.x || 16.4.0-alpha.0911da3" from @reach/[email protected]
npm WARN node_modules/@reach/router
npm WARN   @reach/router@"^1.3.3" from @storybook/[email protected]
npm WARN   node_modules/@storybook/api
npm WARN   1 more (@storybook/router)
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   peerOptional react@"^16.8.0 || ^17.0.0" from @storybook/[email protected]
npm ERR!   node_modules/@storybook/addon-essentials
npm ERR!     @storybook/addon-essentials@"^6.1.14" from @nuxtjs/[email protected]
npm ERR!     node_modules/@nuxtjs/storybook
npm ERR!       dev @nuxtjs/storybook@"*" from the root project
npm ERR!   peerOptional react@"^16.8.0 || ^17.0.0" from @storybook/[email protected]
npm ERR!   node_modules/@storybook/addon-actions
npm ERR!     @storybook/addon-actions@"6.1.14" from @storybook/[email protected]
npm ERR!     node_modules/@storybook/addon-essentials
npm ERR!       @storybook/addon-essentials@"^6.1.14" from @nuxtjs/[email protected]
npm ERR!       node_modules/@nuxtjs/storybook
npm ERR!         dev @nuxtjs/storybook@"*" from the root project
npm ERR!   11 more (@storybook/addon-backgrounds, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^0.14.0 || ^15.0.0 || ^16.0.0" from [email protected]
npm ERR! node_modules/@reach/router/node_modules/create-react-context
npm ERR!   create-react-context@"0.3.0" from @reach/[email protected]
npm ERR!   node_modules/@reach/router
npm ERR!     @reach/router@"^1.3.3" from @storybook/[email protected]
npm ERR!     node_modules/@storybook/api
npm ERR!       @storybook/api@"6.1.14" from @storybook/[email protected]
npm ERR!       node_modules/@storybook/addon-essentials
npm ERR!       7 more (@storybook/addon-actions, ...)
npm ERR!     1 more (@storybook/router)
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /Users/Mazel/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/Mazel/.npm/_logs/2021-01-22T09_24_53_534Z-debug.log

I have to use --force to avoid all errors

Version

@nuxtjs/storybook: 3.3.1
nuxt: 2.14.2
node: 15.3.0
npm: 7.0.14

Steps to reproduce

• Create a new nuxt app (SSR / Static)
• Install the package @nuxtjs/storybook

npx create-nuxt-app storybook
cd storybook
npm install --save-dev @nuxtjs/storybook

Link mentioned in the "version" section, I use node 15, maybe it comes from there

[farnabaz]

This related to Storybook itself. With quick googling I found an open issue.

[niksolaz]

Hi, I've used node 12 and @nuxtjs/storybook: 4.0.1.
This works for me.
I hope I have helped you