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.

Stories not found on window within 10 seconds.

See original GitHub issue

I’ve followed https://docs.percy.io/docs/storybook-tutorial as best I can, adapting it to my existing project.

My dev dependencies:

"devDependencies": {
  "@babel/core": "^7.0.0",
  "@babel/plugin-proposal-object-rest-spread": "^7.0.0",
  "@babel/plugin-transform-runtime": "^7.3.4",
  "@babel/preset-env": "^7.0.0",
  "@babel/preset-react": "^7.0.0",
  "@percy-io/percy-storybook": "^2.1.0",
  "@storybook/addon-actions": "^5.0.10",
  "@storybook/addon-knobs": "^5.0.10",
  "@storybook/addon-links": "^5.0.10",
  "@storybook/addons": "^5.0.10",
  "@storybook/react": "^5.0.10",
  "babel-eslint": "^10.0.1",
  "babel-jest": "^24.1.0",
  "babel-loader": "^8.0.5",
  "debug": "^4.1.1",
  "enzyme": "^3.9.0",
  "enzyme-adapter-react-16": "^1.11.2",
  "eslint": "^5.14.1",
  "eslint-config-airbnb": "^17.1.0",
  "eslint-config-prettier": "^4.1.0",
  "eslint-import-resolver-workspaces": "^1.0.6",
  "eslint-plugin-import": "^2.16.0",
  "eslint-plugin-jsx-a11y": "^6.2.1",
  "eslint-plugin-prettier": "^3.0.1",
  "eslint-plugin-react": "^7.12.4",
  "eslint-plugin-react-hooks": "^1.6.0",
  "husky": "^1.0.0-rc.7",
  "jest": "^24.1.0",
  "jest-haste-map": "^24.5.0",
  "jest-puppeteer": "^4.1.0",
  "jest-resolve": "^24.5.0",
  "mockdate": "^2.0.2",
  "node-sass": "^4.11.0",
  "prettier": "^1.12.1",
  "puppeteer": "^1.13.0",
  "react": "^16.8.6",
  "react-dom": "^16.8.6",
  "sass-loader": "^7.1.0"
},

I exported my percy token: export PERCY_TOKEN=….

yarn run build-storybook is successful. And after it runs I can open ./storybook-static/index.html in the browser and see my stories.

When I run yarn run snapshot I get a successful build followed by

info => Output directory: /Users/me/code/my-project/storybook-static
Error:  Error: Evaluation failed: Error: Stories not found on window within 10 seconds. Check your call to serializeStories in your Storybook's config.js.
    at checkStories (__puppeteer_evaluation_script__:17:16)
    at __puppeteer_evaluation_script__:14:11
    at ExecutionContext.evaluateHandle (/Users/me/code/my-project/node_modules/@percy-io/percy-storybook/node_modules/puppeteer/lib/ExecutionContext.js:80:15)
    at process._tickCallback (internal/process/next_tick.js:68:7)
  -- ASYNC --
    at ExecutionContext.<anonymous> (/Users/me/code/my-project/node_modules/@percy-io/percy-storybook/node_modules/puppeteer/lib/helper.js:110:27)
    at ExecutionContext.evaluate (/Users/me/code/my-project/node_modules/@percy-io/percy-storybook/node_modules/puppeteer/lib/ExecutionContext.js:48:31)
    at ExecutionContext.<anonymous> (/Users/me/code/my-project/node_modules/@percy-io/percy-storybook/node_modules/puppeteer/lib/helper.js:111:23)
    at DOMWorld.evaluate (/Users/me/code/my-project/node_modules/@percy-io/percy-storybook/node_modules/puppeteer/lib/DOMWorld.js:105:20)
    at process._tickCallback (internal/process/next_tick.js:68:7)
  -- ASYNC --
    at Frame.<anonymous> (/Users/me/code/my-project/node_modules/@percy-io/percy-storybook/node_modules/puppeteer/lib/helper.js:110:27)
    at Page.evaluate (/Users/me/code/my-project/node_modules/@percy-io/percy-storybook/node_modules/puppeteer/lib/Page.js:809:43)
    at Page.<anonymous> (/Users/me/code/my-project/node_modules/@percy-io/percy-storybook/node_modules/puppeteer/lib/helper.js:111:23)
    at _callee$ (/Users/me/code/my-project/node_modules/@percy-io/percy-storybook/lib/getStories.js:64:25)
    at tryCatch (/Users/me/code/my-project/node_modules/babel-runtime/node_modules/regenerator-runtime/runtime.js:62:40)
    at Generator.invoke [as _invoke] (/Users/me/code/my-project/node_modules/babel-runtime/node_modules/regenerator-runtime/runtime.js:296:22)
    at Generator.prototype.(anonymous function) [as next] (/Users/me/code/my-project/node_modules/babel-runtime/node_modules/regenerator-runtime/runtime.js:114:21)
    at step (/Users/me/code/my-project/node_modules/babel-runtime/helpers/asyncToGenerator.js:17:30)
    at /Users/me/code/my-project/node_modules/babel-runtime/helpers/asyncToGenerator.js:28:13
    at process._tickCallback (internal/process/next_tick.js:68:7)

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:9 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
jamesarosencommented, Apr 19, 2019

"@percy-io/percy-storybook": "^3.0.0-beta.0" worked perfectly. If only every bug were this easy to diagnose and fix!

0reactions
Robdel12commented, Jun 11, 2020

Hey @fedorinoGore! Have you tried debugging locally to see what the static storybook output is? This error means we weren’t able to locate any stories within the static output

Read more comments on GitHub >

github_iconTop Results From Across the Web

Instagram Stories Not Loading? A Troubleshooting Guide
The first thing you should do if your Instagram Stories are not loading is to check your internet connection. If you're on a...
Read more >
Instagram Stories under 60 seconds are no longer broken up ...
“Now, you'll be able to play and create Stories continuously for up to 60 seconds, instead of being automatically cut into 15 second...
Read more >
Instagram Confirms that Videos Under 60 Seconds in Stories ...
Instagram Confirms that Videos Under 60 Seconds in Stories will No Longer Be Split into Segments. Published Sept. 23, 2022.
Read more >
Google Top Stories not loading (Microsoft Problem)
At first when I type in the and search up the site, I could view the top stories for a couple of seconds,...
Read more >
Fix Instagram 60 Seconds Story Update Not Working (2022)
Transcript · 10 Instagram Story Ideas - You Didn't Know Existed!!! #2 · 40 Windows Commands you NEED to know ( in 10...
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