[Bug]: Could not find framework package: @storybook/ember-webpack5 · storybookjs/storybook#22618

(6 comments) (8 reactions) (0 assignees)TypeScript (89,909 stars) (10,058 forks)batch import

bugcliemberhelp wanted

Description

Describe the bug

I'm getting an error when trying to add storybook 7 to a new Ember app. When runing npx storybook@latest init, I get asked which builder to use, and when then selecting Webpack 5, it tries to install a package that does not exist (@storybook/ember-webpack5). Error also happens when selecting Vite.

To Reproduce

$ ember --version
ember-cli: 3.28.6
node: 16.19.0

$ ember new storybook -sb --no-welcome --yarn true --lang en
$ cd storybook
$ npx storybook@latest init

 • Detecting project type. ✓
? We were not able to detect the right builder for your project. Please select one: › - Use arrow-keys. Return to submit.
    Vite
❯    Webpack 5


✔ We were not able to detect the right builder for your project. Please select one: › Webpack 5
 • Adding Storybook support to your "Ember" app
     Error: Could not find framework package: @storybook/ember-webpack5.
Make sure this package exists, and if it does, please file an issue as this might be a bug in Storybook.
    at getFrameworkPackage (/Users/alexanderlang/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:46:1255)
    at getFrameworkDetails (/Users/alexanderlang/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:49:569)
    at baseGenerator (/Users/alexanderlang/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:49:2207)
    at generator2 (/Users/alexanderlang/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:57:4737)
    at runGenerator (/Users/alexanderlang/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:70:4729)
    at installStorybook (/Users/alexanderlang/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:74:795)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at async doInitiate (/Users/alexanderlang/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:79:704)
    at async withTelemetry (/Users/alexanderlang/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/core-server/dist/index.js:35:3422)
    at async initiate (/Users/alexanderlang/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:90:108)

System

Environment Info:

  System:
    OS: macOS 13.3.1
    CPU: (10) arm64 Apple M1 Pro
  Binaries:
    Node: 16.19.0 - ~/.asdf/installs/nodejs/lts-gallium/bin/node
    Yarn: 1.22.19 - ~/.yarn/bin/yarn
    npm: 8.19.3 - ~/.asdf/plugins/nodejs/shims/npm
  Browsers:
    Chrome: 113.0.5672.126
    Firefox: 113.0.1
    Safari: 16.4
  npmGlobalPackages:
    @storybook/docs-mdx: 0.1.0

Additional context

Current storybook version on npm is 7.0.12.

Contributor guide

Tech stack: typescriptnodejs
Domain: clideveloper experience
Issue type: bug
Difficulty: 3
Estimated time: 1-3 hours
Activity status: active
Clarity: clear
Prerequisites: Node.jsStorybook basicsCLI tools
Newbie friendliness: 65
Research direction: Investigate the CLI generator code in `code/lib/cli/src/generate.js` to understand how framework packages are mapped. Check if '@storybook/ember webpack5' should be created or if the mapping should point to an existing package. Also verify if '@storybook/ember vite' is also missing. The issue comments may contain additional hints. Ensure that the fix aligns with existing pattern for other frameworks.