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
====================================================================
Steps to reproduce the problem
Run webpack-dashboard with the package.json script below
====================================================================
Please provide a gist of relevant files
- 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",
- 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.