[Bug]: Storybook Angular is not compatible with Angular v16: ngcc is still expected

[e-oz]

Describe the bug

In attempt to launch a storybook, error:

Package subpath './ngcc' is not defined by "exports" in [..]/node_modules/@angular/compiler-cli/package.json imported from [..]/node_modules/@storybook/angular/dist/server/framework-preset-angular-ivy.js

To Reproduce

No response

System

System:
    OS: macOS 13.3.1
    CPU: (10) arm64 Apple M1 Pro
  Binaries:
    Node: 20.0.0 - ~/.nvm/versions/node/v20.0.0/bin/node
    Yarn: 1.22.19 - ~/.nvm/versions/node/v20.0.0/bin/yarn
    npm: 9.6.4 - ~/.nvm/versions/node/v20.0.0/bin/npm
  Browsers:
    Safari: 16.4
  npmPackages:
    @storybook/addon-essentials: ^7.0.7 => 7.0.7 
    @storybook/addon-mdx-gfm: ^7.0.7 => 7.0.7 
    @storybook/angular: ^7.0.7 => 7.0.7 
    @storybook/core-server: ^7.0.7 => 7.0.7

Additional context

No response

[nstuyvesant]

Was just going to put in an issue/question about Angular 16. Because it uses vite, you can't use @storybook/angular because it expects all the old tooling (especially webpack under the covers).

We are adopting Angular 16 aggressively because of Vite. Can anyone recommend any workarounds so we can use Storybook 7 with it?

[nstuyvesant]

Take a look at this... #22096

[shilman]

@nstuyvesant @e-oz can either of you confirm the fix on your projects using storybook@future? I'll patch it back to 7.0.x this week but would love some confirmation first.

[shilman]

closing as dupe to #22305

[e-oz]

@shilman
I confirm that this issue has been fixed.
Thank you!

[shilman]

Thanks so much @e-oz !! Coming soon to a patch release near you 🚀

[nstuyvesant]

Yeah - I was able to get it working last night. Our component library is built with Vite so had to reinstall the webpack loaders.

Thanks!