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

Comments

adanbouzoua created an issue.

adanbouzoua’s picture

adanbouzoua commented

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