webpack - Livereload 服务器导致 ERR:CONNECTION REFUSED

Question

无论我尝试哪个端口，我都会通过 livereload 得到错误 net::ERR_CONNECTION_REFUSED。我已经尝试过通用的 35729 和其他端口，我已经尝试通过 ngrok 进行隧道连接，但我一直卡在

{% if LIVERELOAD_ENABLED %}
    <script src="http://localhost:35729/livereload.js?snipver=1"></script>
{% endif %}

webpack.config.js

const path = require('path');
const config = require('./common.config');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const LiveReloadPlugin = require('webpack-livereload-plugin');
const WebpackMildCompile = require('webpack-mild-compile').Plugin;
const WebpackBundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;


const WEBPACK_BUILD_DIR = process.env.WEBPACK_BUILD_DIR + process.env.WEBPACK_ROOT_DIR;

// CleanWebpackPlugin config
const pathsToClean = [
  `${WEBPACK_BUILD_DIR}css`,
  `${WEBPACK_BUILD_DIR}js`,
];

const cleanOptions = {
  root: path.resolve(''),
  watch: false,
  verbose: true,
};

config.plugins.push(
  new LiveReloadPlugin(),
  new CleanWebpackPlugin(pathsToClean, cleanOptions),
  new WebpackMildCompile(),
  new WebpackBundleAnalyzerPlugin(),
);


// https://webpack.js.org/configuration/devtool/
config.devtool = 'eval-cheap-source-map';


// end config

module.exports = config;