Issue with upgrade Storybook from 9.0.8 to 10.0.8 using Angular

[DusanJanosevicAkur8]

Summary

There is an issue with imports when upgraded version is used, specifically @storybook/angular and @storybook/actions

Examples of imports:

import { action } from "storybook/actions";
import { AngularRenderer } from "@storybook/angular";
import { Meta, applicationConfig, moduleMetadata } from "@storybook/angular";
import { Meta, StoryObj, moduleMetadata } from "@storybook/angular";

Versions used:
Angular 20.3.6
Storybook 10.0.8

Additional information

No response

Create a reproduction

No response

[dosubot[bot]]

Hi @DusanJanosevicAkur8! I'm Dosu and I’m helping the storybook team.

For Storybook 10.0.8, the correct import for the actions addon is:

import { action } from "@storybook/actions";

The path storybook/actions (without the @) is no longer valid and will cause module resolution errors. The exports from @storybook/angular—including Meta, StoryObj, AngularRenderer, moduleMetadata, and applicationConfig—are still available and valid for import as you have written.

If you see TypeScript errors like "Cannot find module '@storybook/actions'", make sure your editor is using the workspace TypeScript version (from your project's node_modules) and not its built-in TypeScript. Also, ensure all dependencies are installed with npm install or pnpm install [source].

If you continue to have issues, please share the exact error messages or a minimal reproduction so we can help further.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}

   

[DusanJanosevicAkur8]

I digged a little and noticed I did not upgrade @storybook/addon-actions to 10.0.8, and it seems to not be available yet, last version was 9.0.8 and is 5 months old, so I will delay upgrade.

[valentinpalkovic]

Hi @DusanJanosevicAkur8,

Please always use npx storybook@latest upgrade to upgrade Storybook. We have automigrations in place to migrate your project to the latest version of Storybook. One of the automigrations for example also removes @storybook/addon-actions and rewrites all import to storybook/actions. @storybook/addon-actions doesn't exist anymore and was moved into storybook/actions