Contrib.social

Stuck at [webpack-dev-middleware] wait until bundle finished

Open on Drupal.org →
Created on 22 December 2023, about 1 year ago
Updated 7 June 2024, 8 months ago

Problem/Motivation

Following the step-by-step instructions at https://git.drupalcode.org/project/cl_server/-/blob/2.x/docs/storybook.md. All goes fine until I get to the steps to actually install Storybook.

`ddev yarn version` shows v1.22.21 so I follow the commands for "Using yarn clasic (1.x)":
`ddev yarn global add sb@latest;` appears to install correctly as I get "success Installed "sb@7.6.6" with binaries: - sb"
But if I run the next command, "ddev yarn sb init --builder webpack5 --type server", I get "command sb can't be found"

If I then remove everything created by the "Using yarn clasic (1.x)" commands and delete and start the ddev containers to start over and run "yarn global add sb@latest;" without the "global" this time, then the sb command is found and runs until it gets to "[webpack-dev-middleware] wait until bundle finished" where it gets stuck. I've waited hours for it to complete. There's no progress indicator and nothing to tell me if it's even attempting to do anything and I haven't found anything to give me a "verbose" debug.

If I remove everything created by "Using yarn clasic (1.x)" and start fresh again, including deleting the DDEV containers, and try the yarn berry route, everything appears to run until I again get stuck at "[webpack-dev-middleware] wait until bundle finished"

Using DDEV version v1.22.6.
On a brand new install of Drupal 10 with nothing added except drush.
Nothing in the package.json except what's added by following the instructions.

Any ideas on how to get past "[webpack-dev-middleware] wait until bundle finished"?

🐛 Bug report
Status

Active

Version

2.0

Component

Documentation

Created by

🇺🇸United States micnap

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

Comments & Activities

  • Issue created by @micnap
  • Comment 8 months ago →
    🇫🇷France dydave

    For those ending up landing like me on this issue after a search for:
    ddev storybook stuck <i> [webpack-dev-middleware] wait until bundle finished
    getting stuck during the ddev installation process with webpack5 and (project) type=html, as described on the ddev-storybook plugin page:

    I managed bypassing the problem by using Vite instead, which allowed completing the app setup without any further error or obstacle.

    Eventually, I got to installing the Storybook → module, following the setup instructions at:
    https://git.drupalcode.org/project/storybook/-/blob/1.x/README.md

    Which lead to further executing a few more commands with Yarn, probably also adding more changes to the package.json and storybook config files, in particular, changing the project type to server.

    Overall, the storybook app seems to be working well, along with the module, on a ddev stack:

    • ddev:v1.23.1
    • storybook:8.1.6
    • drupal/core:10.2.6
    • drupal/storybook:1.0.0-beta2
    • node:v20.13.1
    • npm:10.5.2
    • yarn:4.2.2

     
    Lastly, one of my colleagues more experienced in front-end development, explained he preferred working with Yarn instead of npm, which also seems to be the recommended method described in the storybook module README file.

    Thanks everyone for the help, comments and documentation!

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024