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

See original GitHub issue

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 image image

┆Issue is synchronized with this Asana task by Unito

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:75
  • Comments:91 (16 by maintainers)

github_iconTop GitHub Comments

14reactions
with-heartcommented, Jun 2, 2022

@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

13reactions
davoamcommented, Oct 11, 2021

@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

Read more comments on GitHub >

github_iconTop Results From Across the Web

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...
Read more >
Webpack 5 and Storybook 6 integration throws an error in ...
Basically the error is coming from the marked line in /node_modules/webpack/lib/DefinePlugin.js once running for the first time npm run ...
Read more >
Shotaro Ozawa
wait until bundle finished, stopped at 99% [webpack 5] · Issue #14405 · storybookjs/storybook. when I run start, the progress bar is stuck ......
Read more >
webpack/webpack - Gitter
... was using webpack under powershell, it alter me webpack: wait until bundle ... wait until bundle finished: / 10% building modules 5/11...
Read more >
Watch and WatchOptions
Turn on watch mode. This means that after the initial build, webpack will continue to watch for changes in any of the resolved...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found