Bug: Straight webpack build (without watch) does not reach final state.

[humorHan]

[humorHan]

always loading，because of the use of lerna？

[ryan-roemer]

Thanks for the report. Can you try two things to help us identify the issue:

1. Can you report which version of the dashboard you're using? If 3.1.0 can you downgrade to 3.0.7 and report if that makes a difference?
2. If the issue still persists, can you make a minimal GitHub repository with installation instructions and instructions of the commands you are running in the terminal with webpack-dashboard so that we can pull the repo and see what you are experiencing firsthand?

Thanks!

[yinshanyang]

I had a similar issue on 3.1.0 whilst programmatically calling webpack-dashboard (instead of the cli)

I have found that changing:

new DashboardPlugin(dashboard.setData)

to this:

new DashboardPlugin({ handler: dashboard.setData })

resolved the issue for me.

[tanrich]

@ryan-roemer Hello. I have the same problem. Is there a solution?

[tanrich]

@ryan-roemer Hello. I have the same problem. Is there a solution?

I found that downgrading to 3.0.7 is good.The latest version still has the problem.

[ryan-roemer]

@tanrich I'm happy to jump in and diagnose if there's a reproduction. Can you make a minimal GitHub repository with installation instructions and instructions of the commands you are running in the terminal with webpack-dashboard so that we can pull the repo and see what you are experiencing firsthand?

[peterhpchen]

I had a similar issue on 3.3.3. After I downgraded to 3.2.1, it works fine.

Code: https://github.com/peterhpchen/book-webpack-examples/tree/develop/v4/27-production-analyze/dashboard-demo (It has issue after upgrade to 3.3.3)

Thank you.

[ryan-roemer]

Thanks @peterhpchen ! Verified an issue reproduction with your project. We'll dig in from here now that we have a repro.

Note that the screenshot I have below is not the original issue in that we don't have the (loading...) indicators, but your project does not reach actual modules / problems / etc. output and is stuck in Compiling phase.

Notes: From yarn build with this package.json:

  "scripts": {
    "build": "webpack-dashboard -- webpack"
  },
  "devDependencies": {
    "webpack": "^4.44.2",
    "webpack-cli": "^3.3.12",
    "webpack-dashboard": "^3.3.3"
  }

we get:

[ryan-roemer]

On npm linking latest master I now get the (loading...) thing. Weird. At any rate, I'll keep digging...

[peterhpchen]

Thanks, @ryan-roemer .

Just a reminder that webpack v5 has the same issue in 3.3.3.

Thank you.

[ryan-roemer]

@peterhpchen -- On further inspection, one issue I'm noticing in the repo is that it's doing webpack and not webpack --watch or webpack-dev-server, which is just a single build and not something persistent.

I'm still going to investigate, but the following works just fine for yarn build:

diff --git a/v4/27-production-analyze/dashboard-demo/package.json b/v4/27-production-analyze/dashboard-demo/package.json
index 5963133..5139015 100644
--- a/v4/27-production-analyze/dashboard-demo/package.json
+++ b/v4/27-production-analyze/dashboard-demo/package.json
@@ -4,11 +4,11 @@
   "main": "index.js",
   "license": "MIT",
   "scripts": {
-    "build": "webpack-dashboard -- webpack"
+    "build": "webpack-dashboard -- webpack --watch"
   },
   "devDependencies": {
     "webpack": "^4.44.2",
     "webpack-cli": "^3.3.12",
-    "webpack-dashboard": "^3.2.1"
+    "webpack-dashboard": "^3.3.3"
   }
 }