Contrib.social

Storybook Failed to load resource: the server responded with a status of 404 ()

Open on Drupal.org →
Created on 22 November 2024, about 1 month ago

Problem/Motivation

I am testing Varbase install and playing with vartheme_bs5 components in the Storybook
on browser some elements showing
Page not found The requested page could not be found.

in browser inspector console
- Failed to load resource: the server responded with a status of 404 ()
- container-inline.module.css?snbxfz net::ERR_ABORTED 404 (Not Found)

Steps to reproduce

- install the dev version of Varbase 10.0.x
https://github.com/Vardot/varbase-project

- running @storybook/core v8.5.0-alpha.5

Proposed resolution

Remaining tasks

  • ✅ File an issue about this project
  • ❌ Addition/Change/Update/Fix to this project
  • ❌ Testing to ensure no regression
  • ➖ Automated unit/functional testing coverage
  • ➖ Developer Documentation support on feature change/addition
  • ➖ User Guide Documentation support on feature change/addition
  • ➖ UX/UI designer responsibilities
  • ➖ Accessibility and Readability
  • ❌ Code review from 1 Varbase core team member
  • ❌ Full testing and approval
  • ❌ Credit contributors
  • ❌ Review with the product owner
  • ❌ Update Release Notes and Update Helper on new feature change/addition
  • ❌ Release

Varbase update type

  • ✅ No Update
  • ➖ Optional Update
  • ➖ Forced Update
  • ➖ Forced Update if Unchanged

User interface changes

  • N/A

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • N/A
💬 Support request
Status

Active

Version

3.0

Component

Miscellaneous

Created by

🇺🇸United States adanbouzoua

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @adanbouzoua
  • Comment 26 days ago →
    🇺🇸United States adanbouzoua

    I am testing trying to run vartheme_bs5 and storybook.
    If you have components files inside vartheme_bs5 if not copy them from modules/contrib/varbase_components/components. I found my setup with empty folders.

    I am also having an issue with the components and the storybook.
    I am getting

    Error: Failed to fetch
  at StoryRender.renderToCanvas [as renderToScreen] (/vendors-node_modules_lullabot_storybook-drupal-addon_dist_preview_mjs-node_modules_storybook_-27753f.iframe.bundle.js:888:1045))
  at /sb-preview/runtime.js:81:10850
  at StoryRender.runPhase (/sb-preview/runtime.js:81:8772))
  at StoryRender.render (/sb-preview/runtime.js:81:10783))

    And
    Access to fetch at 'http://varbase.ddev.site/_cl_server?_storyFileName=.%2Fdocroot%2Fthemes%2Fcontrib%2Fvartheme_bs5%2Fcomponents%2Fatoms%2Fheading%2Fheading.stories.json&_drupalTheme=undefined' from origin 'http://varbase.ddev.site:6006' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

    I did all the CORS configs as recommended, but the problem still needs to be solved. I am using DDev and follow the steps in the tutorial. Storybook 7.6.20 for server-webpack5

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024