webpack-dev-server: Compilation Hangs

I’m trying to upgrade to iojs 1.5.1 from 1.2.0. I’m running into an issue where it gets part way throught the precompilation and then just hangs.

$ webpack-dev-server --content-base public/ --config config/webpack/webpack.server.js --hot --port 25001 --inline --progress

 70% 3/3 build moduleshttp://localhost:25001/
webpack result is served from http://localhost:25001/assets/
content is served from /Users/micah/trackr/app/public
 69% 707/710 build modules

Here are the webpack modules I’m running:

"webpack-dev-server": "^1.7.0"
"webpack": "^1.7.3",

About this issue

Original URL
State: closed
Created 9 years ago
Comments: 38 (4 by maintainers)

Commits related to this issue

Comment out importing of scss varialbes There is a bug in node-sass that makes Webpack hang when importing SASS files several times. See the following links for more info: * https://github.com/webpa... — committed to simon-johansson/Quizify by simon-johansson 9 years ago

Most upvoted comments

This really needs re-opened.

+24

chuckhacker on Jul 12, 2017

Still a BIG issue on on docker under OS X. Seems to be fine in native OS X or Linux (be it native or docker). For me webpack compiles but gets stuck when an asset get modified - It seems to be stuck in a deadlock (using low CPU)

+12

virtualfunction on Jul 13, 2017

I’m having this issue as well, but it seems to be caused by CleanWebpackPlugin. When I remove it, webpack-dev-server no longer hangs.

ChristopherHaws on Aug 17, 2019

@SpaceK33z This is an active issue. Issuing webpack alone works just fine (all files are processed and the process exits successfully) but webpack-dev-server hangs after the webpack compilation step but before the files actually get dumped to disk (I know this because I have a CleanWebpackPlugin step that gets executed causing the destination folder to get erased before the build.)

martinbliss on Jun 8, 2017

I discovered a remedy for the problem; even if it is a bit smelly.

I changed this:

./node_modules/.bin/webpack-dev-server --display-reasons --display-chunks --watch --loglevel verbose

To this:

env UV_THREADPOOL_SIZE=128 ./node_modules/.bin/webpack-dev-server --display-reasons --display-chunks --watch --loglevel verbose

Works a treat. It’s the sass-loader that is having problems. Giving it more breathing room like this helps, but it’s still painfully slow.

Mark

From: Greg Liebowitz notifications@github.com Reply-To: webpack/webpack-dev-server reply@reply.github.com Date: Wednesday, 24 February 2016 at 15:05 To: webpack/webpack-dev-server webpack-dev-server@noreply.github.com Cc: Mark Norgate mark.norgate@gmail.com Subject: Re: [webpack-dev-server] Compilation Hangs (#128)

@mark-norgate Try removing @import statements from your stylesheets one by one. This worked for me…

— Reply to this email directly or view it on GitHub.

mark-norgate on Feb 24, 2016

UV_THREADPOOL_SIZE=100 webpack works for me

nkbt on Jul 23, 2015

same 😦

mohammedgqudah on Jan 3, 2019

Same here inside docker on windows

tfrijsewijk on Oct 26, 2018

@prayerslayer I have sass-loader in my configuration and it is definitely causing my webpack to hang. Were you able to get past this? I’m using sass-loader 1.0.2 and node-sass 3.1.1.

alexduan on May 16, 2015

@peteromano can you create minimum reproducible test repo @sadortun do you use wsl too?

alexander-akait on Jun 26, 2019

uh, same thing here

thiagopnts on Jul 23, 2015

Not really, no. I converted my code to LESS in one project and in the other I stayed on sass-loader@0.4.2 and node-sass@2.0.1—no problems there.

Ah and I think the problem was the definition of an animation with keyframes and all… But don’t press me on this, might be wrong.

prayerslayer on May 17, 2015