wait until bundle finished, stopped at 99% [webpack 5]

when I run start, the progress bar is stuck at 99%. and then my local web page opened but just keep loading. I use npm to install packages.

OS: window 10 node: V10.22.0 npm : V6.14.6

storybook config:

const custom = require('../../webpack.config.js');

module.exports = {
  stories: [
    '../../src/components/V2/**/*.stories.js',
    '../../src/services/Templates/**/*.stories.js',
  ],
  addons: [
    '@storybook/addon-actions',
    '@storybook/addon-links',
    '@storybook/addon-notes',
    '@storybook/addon-knobs',
  ],
  core: {
    builder: "webpack5",
  },
  webpackFinal: async (config) => {
    config.plugins.push(new MiniCssExtractPlugin());
    
    return {
      ...config,
      module: {
        ...config.module,
        rules: [
          ...custom.module.rules,
          ...config.module.rules.filter((rule) => rule.test.toString() !== '/\\.css$/'),
        ]
      },
      resolve: {
        ...config.resolve,
        fallback: {
          ...config.resolve.fallback,
          ...custom.resolve.fallback,
        },
        alias: {
          ...config.resolve.alias,
          ...custom.resolve.alias,
        }
      }
    };
  }
}

devDependencies

"devDependencies": {
    "@babel/core": "^7.13.8",
    "@babel/plugin-proposal-class-properties": "^7.13.0",
    "@babel/plugin-transform-runtime": "^7.10.5",
    "@babel/preset-env": "^7.13.8",
    "@babel/preset-react": "^7.12.13",
    "@kooneko/livereload-webpack-plugin": "^1.2.1",
    "@storybook/addon-actions": "^6.2.0-rc.4",
    "@storybook/addon-info": "^5.3.21",
    "@storybook/addon-knobs": "^6.2.0-rc.4",
    "@storybook/addon-links": "^6.2.0-rc.4",
    "@storybook/addon-notes": "^5.3.21",
    "@storybook/addons": "^6.2.0-rc.4",
    "@storybook/builder-webpack5": "^6.2.0-rc.4",
    "@storybook/channels": "^6.2.0-rc.4",
    "@storybook/react": "^6.2.0-rc.4",
    "@testing-library/dom": "^7.21.7",
    "@testing-library/jest-dom": "^5.11.2",
    "@testing-library/react": "^10.4.7",
    "@testing-library/user-event": "^12.1.0",
    "@types/sortablejs": "^1.10.6",
    "@webpack-cli/serve": "^1.3.0",
    "autoprefixer": "^9.8.6",
    "babel-eslint": "^10.1.0",
    "babel-loader": "^8.2.2",
    "css-loader": "^5.0.2",
    "enzyme": "3.11.0",
    "enzyme-adapter-react-16": "1.15.2",
    "eslint": "^7.3.1",
    "eslint-config-airbnb": "^18.2.0",
    "eslint-import-resolver-alias": "^1.1.2",
    "eslint-plugin-babel": "^5.3.1",
    "eslint-plugin-import": "^2.22.0",
    "eslint-plugin-jsx-a11y": "^6.3.1",
    "eslint-plugin-prefer-object-spread": "^1.2.1",
    "eslint-plugin-react": "^7.20.3",
    "extract-text-webpack-plugin": "^3.0.2",
    "file-loader": "^6.2.0",
    "html-loader": "^2.0.0",
    "html-webpack-plugin": "^5.3.1",
    "husky": "^4.2.5",
    "jest": "^25.5.4",
    "jest-canvas-mock": "^2.2.0",
    "jest-cli": "^25.5.4",
    "lint-staged": "^10.2.11",
    "node-sass": "^4.14.1",
    "postcss-loader": "^5.0.0",
    "react-markdown": "^4.3.1",
    "resolve-url-loader": "^3.1.2",
    "sass-loader": "^11.0.1",
    "sass-resources-loader": "^2.1.1",
    "sortablejs": "^1.13.0",
    "style-loader": "^1.3.0",
    "url-loader": "^3.0.0",
    "webpack": "^5.22.0",
    "webpack-cli": "^4.5.0",
    "webpack-dev-middleware": "^4.1.0",
    "webpack-dev-server": "^3.11.2",
    "webpack-virtual-modules": "^0.4.2"
  }

Screenshots

┆Issue is synchronized with this Asana task by Unito

[with-heart]

@yairEO Hopefully someone will help me resolve this issue!!?

Please stop. You’re not paying anyone for a service here, someone will help you if and when they feel like helping you

[davoam]

@asaf-shochet I would recommend updating to 6.3, where the webapck5 issues are all worked out as far as I know. https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#webpack-5-manager-build

it happens on 6.3.7 as well