FormidableLabs / webpack-dashboard

A CLI dashboard for webpack dev server

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

webpack-dashboard freezes with node 11

marksamman opened this issue · comments

Please provide a description of the bug / issue, and provide the details below:

I'm not sure if this is related to node 11, but I believe it started happening after upgrading to node 11, I was previously running node 10 where it was working fine. webpack-dashboard gets stuck at 67-69% progress. Nothing happens when trying to quit with the "q"-key. It's still serving the page though, so webpack-dev-server seems to still run properly in the background. There's a node process running at >99% CPU usage, killing the process fills the terminal with the symbols shown in the screenshot below.

====================================================================

If the issue is visual, please provide screenshots here

screenshot 2018-10-29 11 29 02

====================================================================

Steps to reproduce the problem

Run webpack-dashboard with the package.json script below

====================================================================

Please provide a gist of relevant files
  1. package.json (specifically the script you are using to start the dashboard)
"servestage": "webpack-dashboard -- webpack-dev-server --config webpack.config.dev.stage.js --progress",
  1. webpack.config.js
'use strict';
const webpack = require('webpack');
const webpackMerge = require('webpack-merge');
const webpackBase = require('./webpack.config.base.js');
const WebpackDashboard = require('webpack-dashboard/plugin');

module.exports = webpackMerge(webpackBase, {
	mode: 'development',
	devtool: 'cheap-module-eval-source-map',
	devServer: {
		hot: true,
		port: 8000,
		publicPath: '/assets/',
		historyApiFallback: true,
		overlay: true,
		watchOptions: {
			ignored: /node_modules/,
		},
		open: true,
	},
	entry: {
		bundle: [
			'webpack-dev-server/client?http://localhost:8000',
			'webpack/hot/only-dev-server',
			'./src/index',
		],
	},
	output: {
		filename: 'bundle.js',
	},
	stats: {
		colors: true,
		reasons: true,
	},
	module: {
		rules: [
			{
				test: /\.css$/,
				use: ['style-loader', 'css-loader', 'postcss-loader'],
			},
			{
				test: /\.(sass|scss)$/,
				use: ['style-loader', 'css-loader', 'postcss-loader', 'sass-loader'],
			},
		],
	},
	plugins: [new webpack.HotModuleReplacementPlugin(), new WebpackDashboard()],
});

====================================================================

More Details
  • What operating system are you on?
    macOS Mojave 10.14

  • What terminal application are you using?
    Apple's Terminal app

  • What version of webpack-dashboard are you using?
    2.0.0

  • What is the output of running echo $TERM?
    xterm-256color

I believe this was a bug in node 11 (nodejs/node#23870), works fine with 11.1. Closing.