Weird diff when running '@analogjs/storybook-angular:start-storybook' via ng or nx

[RobbyRabbitman]

Followed https://analogjs.org/docs/integrations/storybook and get this error when running the nx task:

[vite] Internal server error: Missing "./dist/client/index.js" specifier in "@storybook/angular" package

// package.json
{
  "nx": {
      "storybook": {
        "executor": "@analogjs/storybook-angular:start-storybook",
        "continuous": true,
        "options": {
          "configDir": "{projectRoot}/.storybook",
          "port": 4402,
          "compodoc": false,
          "tsConfig": "tsconfig.lib.json"
        }
      }
  }
}

However, when you copy this task in a angular.json and then execute it via ng it works....

Maybe this is due to the nx task being executed in the root of the nx workspace, however idk how to run this task in a different directory - usually there is a 'cwd' flag or something but the schema does not allow it.

Also, I looked into https://github.com/analogjs/analog/blob/v2.0.3/packages/vite-plugin-angular/src/lib/angular-storybook-plugin.ts but I fail to understand why this is needed, because the error kind of makes sense right - there is no export specifying "./dist/client/index.js"

Workaround:

Patch @storybook/angular exports to contain: "./dist/client/index.js": "./dist/client/index.js"

versions:

• storybook: 10.0.2
• analogjs: 2.0.3

Can anyone help pls? :D

[brandonroberts]

That plugin shouldn't be needed anymore because Storybook 10 is ESM-only now and can be removed.

[RobbyRabbitman]

Do you know, why it worked via ng though? :D

[brandonroberts]

Not exactly, maybe because it is still CommonJS.

Do you know, why it worked via ng though? :D

[brandonroberts]

Fixed in 2.0.4-beta.1