nxext / nx-extensions

Nx Extension for StencilJs, SvelteJS, SolidJS, Ionic and VueJs

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Stencil : npm install error - No matching version found for @storybook/manager-webpack5

igorlino opened this issue · comments

Describe the bug

After trying to generate an initial stencil project, at some point you cannot use npm install any longer.
if removing some packages from generated package.json, is not possible yet to start the generated storybook configuration

To Reproduce

#create the workspace using NodeJs v20.x
npm install -g nx
npx create-nx-workspace@latest

    √ Where would you like to create your workspace? · test
    √ Which stack do you want to use? · none
    √ Package-based monorepo, integrated monorepo, or standalone project? · integrated
    √ Enable distributed caching to make your CI faster · No


#add Stencil Project

npm install -D @nx/node @nx/cypress @nx/storybook @nxext/stencil
nx g @nxext/stencil:lib my-lib --publishable --buildable --importPath=@test/my-lib --verbose

npm i

nx g @nxext/stencil:storybook-configuration my-lib --verbose

#add Stencil component

nx g @nxext/stencil:component --name=my-dropdown --project=my-lib --directory=core

nx build my-lib --skip-nx-cache

#start storybook

nx storybook my-lib


Expected behavior

The last command succeeds and I'm able to start the generated storybook configuration.

Additional context

Feedback from a contributor of Storybook:
"In Storybook 7 the new framework API was introduced. The @storybook/manager-webpack5 does not exist anymore. Please take a look at the migration guide to upgrade from Storybook 6 to Storybook 7."

Seems that
"@storybook/builder-webpack5": "^7.5.3",
"@storybook/manager-webpack5": "^7.5.3",

are not to be included after using Storybook 7 or higher

https://nxext.dev/docs/stencil/generators#nxext-stencil-storybook-configuration