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.

waitFor can only be called for an already started item

See original GitHub issue

Bug report

Actual Behavior

When using watch, the build fails after the first successful build (whenever you change the css).

Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
Error: waitFor can only be called for an already started item
    at AsyncQueue.waitFor (./node_modules/webpack/lib/util/AsyncQueue.js:180:5)
    at ./node_modules/webpack/lib/Compilation.js:4621:25
    at processQueue (./node_modules/webpack/lib/util/processAsyncTree.js:50:4)
    at processTicksAndRejections (node:internal/process/task_queues:78:11)

Expected Behavior

The build should succeed.

How Do We Reproduce?

When upgrading from 2.3.0 to 2.4.0 this issue was introduced for me.

This is my webpack config (nothing special I guess):

{
                    test: /\.scss$/,
                    include: [path.resolve(__dirname, 'app/Resources/scss')],
                    use: [
                        {
                            loader: MiniCssExtractPlugin.loader,
                            options: {},
                        },
                        {
                            loader: 'css-loader',
                            options: {},
                        },
                        {
                            loader: 'postcss-loader',
                        },
                        {
                            loader: 'sass-loader',
                            options: {
                                sassOptions: {
                                    includePaths: [path.resolve(__dirname, 'node_modules')],
                                },
                            },
                        },
                    ],
                },

Please paste the results of `npx webpack-cli info` here, and mention other relevant information

  System:
    OS: macOS 11.6
    CPU: (8) arm64 Apple M1
    Memory: 138.34 MB / 16.00 GB
  Binaries:
    Node: 16.9.1 - ~/.nvm/versions/node/v16.9.1/bin/node
    npm: 7.21.1 - ~/.nvm/versions/node/v16.9.1/bin/npm
  Packages:
    babel-loader: ^8.2.2 => 8.2.2 
    copy-webpack-plugin: ^9.0.1 => 9.0.1 
    css-loader: 6.1.0 => 6.1.0 
    css-minimizer-webpack-plugin: 3.0.2 => 3.0.2 
    postcss-loader: 6.1.1 => 6.1.1 
    replace-in-file-webpack-plugin: ^1.0.6 => 1.0.6 
    sass-loader: ^12.2.0 => 12.2.0 
    webpack: 5.58.1 => 5.58.1 
    webpack-cli: 4.9.0 => 4.9.0