question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

New storybook v6.4.22 version is failing in Github Action env

See original GitHub issue

Tried to upgrade to v6.4.22 and suddenly the CI environment in Github Actions started breaking.

The versions that were bumped from -> to

    "@storybook/addon-a11y": "^6.4.19",
    "@storybook/addon-actions": "^6.3.12",
    "@storybook/addon-essentials": "^6.3.12",
    "@storybook/addon-links": "^6.3.12",
    "@storybook/addon-storysource": "^6.4.19",
    "@storybook/react": "^6.3.12",
    "@storybook/addon-a11y": "^6.4.22",
    "@storybook/addon-actions": "^6.4.22",
    "@storybook/addon-essentials": "^6.4.22",
    "@storybook/addon-links": "^6.4.22",
    "@storybook/addon-storysource": "^6.4.22",
    "@storybook/react": "^6.4.22",

And the issue appeared when the npm run command was executed every time. When I reverted back the yarn.lock file everything worked again.

The debug logs from the Github action is also attached in case you find it helpful

visual-testing-logs.txt

Issue Analytics

  • State:open
  • Created a year ago
  • Comments:15 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
tmeasdaycommented, Jul 28, 2022

@iamswain25 I’d advise writing in to Chromatic support with some details and we can help you out further.

1reaction
konsalexcommented, Jun 20, 2022

Not sure @tmeasday , the issue I can see as all packages are using the latest version: issue

When I manually added the '@storybook/addon-actions' in main.js the build completed but with some issues (no stories at all inside)

Chromatic CLI v6.6.3
https://www.chromatic.com/docs/cli
Authenticating with Chromatic
    → Connecting to https://index.chromatic.com
Authenticated with Chromatic
    → Using project token '********8166'
Retrieving git information
Retrieved git information
    → Commit '4468b41' on branch 'dropdown'; found 1 parent build
Collecting Storybook metadata
Collected Storybook metadata
    → ; no supported addons found
Initializing build
Initialized build
    → Build 136 initialized
Building your Storybook
    → Running command: npm run --silent build-storybook -- --output-dir /tmp/chromatic--1[9](https://github.com/neo4j/neo4j-design/runs/6968909713?check_suite_focus=true#step:5:10)06-9J9A[13](https://github.com/neo4j/neo4j-design/runs/6968909713?check_suite_focus=true#step:5:14)klZtPY
Storybook built in 41 seconds
    → View build log at /home/runner/work/neo4j-design/neo4j-design/packages/react-storybook/build-storybook.log
Publish your built Storybook
    → Validating Storybook files
Publishing your built Storybook
    → Retrieving target location
    → Starting publish
Publish complete in 5 seconds
    → View your Storybook at https://6[22](https://github.com/neo4j/neo4j-design/runs/6968909713?check_suite_focus=true#step:5:23)5e0c9734f0d003a2cf577-migvsbrnke.chromatic.com
Verifying your Storybook
    → This may take a few minutes
✖ Failed to extract stories from your Storybook
This is usually a problem with your published Storybook, not with Chromatic.
Build and open your Storybook locally and check the browser console for errors.
Visit your published Storybook at https://62[25](https://github.com/neo4j/neo4j-design/runs/6968909713?check_suite_focus=true#step:5:26)e0c97[34](https://github.com/neo4j/neo4j-design/runs/6968909713?check_suite_focus=true#step:5:35)f0d003a2cf577-migvsbrnke.chromatic.com
The following error was encountered while running your Storybook:
    → Failed to publish build

I would make an educated guess, that the issue is coming from the npm run rather than choosing yarn as locally it builds fine with the yarn build

Read more comments on GitHub >

github_iconTop Results From Across the Web

Using Github Actions Fails to Deploy Storybook to Github Pages
I've already configured Github Pages to be set up for the repo that I'm using. My package.json : { "homepage": "http://<my github username>....
Read more >
@storybook/addon-actions | Yarn - Package Manager
Fast, reliable, and secure dependency management.
Read more >
Gatsby Changelog | 5.3.0
This is a prototype created for the GitHub Actions Hackathon 21 by @PaulieScanlon. ... The latest version of "slugify" is ESM-only import slugify...
Read more >
Bug listing with status UNCONFIRMED as at 2022/12/24 17 ...
... Bug:394625 - "games-action/cavestory+ (new ebuild)" status:UNCONFIRMED ... Bug:507392 - "sys-apps/sed-4.2.2: cross-compiling for mingw32 fails" ...
Read more >
storybook failed to fetch dynamically imported module - You.com
I'm trying to upgrade Storybook to the latest version 6.2.8 ... https://github.com/storybookjs/storybook/issues/13277 webpackFinal: async (config) ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found