[Bug] Dependency conflicts on freshly-created ember app

[newt-beach]

Describe the bug

When I create a new ember app and follow the instructions here, I make it to ember install @storybook/ember-cli-storybook at which point I get the following errors:

Command failed with exit code 1: npm install --save-dev --loglevel error @storybook/ember-cli-storybook
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: @storybook/[email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/babel-plugin-ember-modules-api-polyfill
npm ERR!   babel-plugin-ember-modules-api-polyfill@"^3.5.0" from [email protected]
npm ERR!   node_modules/babel-plugin-htmlbars-inline-precompile
npm ERR!     babel-plugin-htmlbars-inline-precompile@"^5.0.0" from [email protected]
npm ERR!     node_modules/@ember/test-helpers/node_modules/ember-cli-htmlbars
npm ERR!       ember-cli-htmlbars@"^5.7.1" from @ember/[email protected]
npm ERR!       node_modules/@ember/test-helpers
npm ERR!         peer @ember/test-helpers@"^2.4.0" from [email protected]
npm ERR!         node_modules/ember-qunit
npm ERR!         1 more (the root project)
npm ERR!     babel-plugin-htmlbars-inline-precompile@"^5.2.1" from [email protected]
npm ERR!     node_modules/ember-auto-import
npm ERR!       ember-auto-import@"^2.2.4" from @ember-data/[email protected]
npm ERR!       node_modules/@ember-data/adapter
npm ERR!         @ember-data/adapter@"4.4.0" from [email protected]
npm ERR!         node_modules/ember-data
npm ERR!       8 more (@ember-data/debug, @ember-data/model, ...)
npm ERR!     2 more (ember-cli-htmlbars, the root project)
npm ERR!   babel-plugin-ember-modules-api-polyfill@"^3.5.0" from [email protected]
npm ERR!   node_modules/ember-auto-import
npm ERR!     ember-auto-import@"^2.2.4" from @ember-data/[email protected]
npm ERR!     node_modules/@ember-data/adapter
npm ERR!       @ember-data/adapter@"4.4.0" from [email protected]
npm ERR!       node_modules/ember-data
npm ERR!         dev ember-data@"~4.4.0" from the root project
npm ERR!     ember-auto-import@"^2.2.4" from @ember-data/[email protected]
npm ERR!     node_modules/@ember-data/debug
npm ERR!       @ember-data/debug@"4.4.0" from [email protected]
npm ERR!       node_modules/ember-data
npm ERR!         dev ember-data@"~4.4.0" from the root project
npm ERR!     7 more (@ember-data/model, @ember-data/record-data, ...)
npm ERR!   2 more (ember-cli-babel, the root project)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer babel-plugin-ember-modules-api-polyfill@"^2.12.0" from @storybook/[email protected]
npm ERR! node_modules/@storybook/ember
npm ERR!   dev @storybook/ember@"^6.5.9" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/babel-plugin-ember-modules-api-polyfill
npm ERR!   peer babel-plugin-ember-modules-api-polyfill@"^2.12.0" from @storybook/[email protected]
npm ERR!   node_modules/@storybook/ember
npm ERR!     dev @storybook/ember@"^6.5.9" from the root project
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.

Steps to reproduce the behavior

ember new test-app;
cd test-app;
npx storybook init;
ember install @storybook/ember-cli-storybook;

Environment

ember-cli: 4.4.0
node: 16.15.1
os: darwin x64

[Gorzas]

I had a similar issue in a fresh installation past month. Let me check again, I had an improvement in my code, I think there was needed an extra dependency to solve the problem.

[Gorzas]

@collinsmwade AFAIK, I don't think you need to run npx storybook init if you're going to install this dependency after it.