Hi,
I have a react redux project which uses webpack devserver. I have the following configuration for webpack dev-server in webpack-config.js file
const path = require('path');
const webpack = require('webpack');
const merge = require('webpack-merge');
const common = require('./webpack.common.js');
module.exports = (env) => merge(common, {
mode: 'development',
devtool: 'eval-source-map',
devServer: {
contentBase: [path.join(__dirname, 'build'), path.join(__dirname, 'public')],
hot: true,
host: 'super-chivalrous-asp.glitch.me',
port:4000,
https: true,
disableHostCheck: true,
proxy: {
'/superAdmin': {
target: 'http://localhost:3001',
secure: false,
},
},
},
module: {
rules: [
{
test: /\.(scss|css)$/,
use: [
'style-loader',
'css-loader',
'resolve-url-loader',
{ loader: 'sass-loader', options: { sourceMap: true } },
],
},
{
test: /\.(jpe?g|png|gif|woff|woff2|eot|ttf|svg)$/i,
use: [
'file-loader',
],
},
{
test: /\.js$/,
loader: 'babel-loader',
exclude: /node_modules/,
},
],
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new webpack.DefinePlugin({
ENVIRONMENT: JSON.stringify(env)
})
]
});
The project gets compiled but I am getting the following error:
at Server.setupListenHandle [as _listen2] (net.js:1343:19)
at listenInCluster (net.js:1401:12)
at GetAddrInfoReqWrap.doListen [as callback] (net.js:1510:7)
at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:72:10)
errno: 'EADDRNOTAVAIL',
code: 'EADDRNOTAVAIL',
syscall: 'listen',
address: '52.71.146.0',
port: 4000 }
How should I give the webpack dev-server host and port here in glitch?
Any help would be highly appreciated.