Webpack-dev-服务器似乎正在运行，但是当我尝试访问端口时我'This site can’t be reached'

Question

我正在尝试将webpack配置为使用typescript和handlers。我还添加了webpack-dev服务器，但它不起作用。它说一切都在运行，但当我转到localhost:6000时，我得到了This site can't be reached。

这是我的目录树：

│   package.json
│   tsconfig.json
│   webpack.config.js 
│
├───dist 
│       bundle.js
│       bundle.js.map
│       index.html
│
└───src
index.handlebars
index.ts
templates.d.ts

这是webpack.config.js文件

const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const webpack = require('webpack');
const path = require('path');
module.exports = {
entry: './src/index.ts',
devtool: 'source-map',
devServer: {
contentBase: path.resolve(__dirname, 'dist'),
hot: true,
host: '0.0.0.0',
port: 6000,
open: true
},
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist'),
publicPath: '/dist/'
},
resolve: {
extensions: ['.ts', '.js' ]
},
plugins: [
new webpack.LoaderOptionsPlugin({
options: {
handlebarsLoader: {}
}
}),
new HtmlWebpackPlugin({
title: 'My hometask',
template: './src/index.handlebars'
})
],
module: {
rules: [
{ 
test: /.js/,
loader: 'babel',
exclude: /(node_modules|bower_components)/
},
{
test: /.handlebars$/,
loader: "handlebars-loader"
},
{
test: /.css$/i,
use: [MiniCssExtractPlugin.loader, 'css-loader'],
},
{
test: /.ts?$/,
use: 'ts-loader',
exclude: /node_modules/,
},
]
}
};

怎么了？为什么我不能使用dev-server？

Answer 1

回答这个问题。端口6000是一个受保护的端口，用于其他用途，因此不能用于localhost。

以下是chrome上的限制端口，被认为是不安全的，因此不适合您使用。

1,       // tcpmux
7,       // echo
9,       // discard
11,      // systat
13,      // daytime
15,      // netstat
17,      // qotd
19,      // chargen
20,      // ftp data
21,      // ftp access
22,      // ssh
23,      // telnet
25,      // smtp
37,      // time
42,      // name
43,      // nicname
53,      // domain
77,      // priv-rjs
79,      // finger
87,      // ttylink
95,      // supdup
101,     // hostriame
102,     // iso-tsap
103,     // gppitnp
104,     // acr-nema
109,     // pop2
110,     // pop3
111,     // sunrpc
113,     // auth
115,     // sftp
117,     // uucp-path
119,     // nntp
123,     // NTP
135,     // loc-srv /epmap
139,     // netbios
143,     // imap2
179,     // BGP
389,     // ldap
427,     // SLP (Also used by Apple Filing Protocol)
465,     // smtp+ssl
512,     // print / exec
513,     // login
514,     // shell
515,     // printer
526,     // tempo
530,     // courier
531,     // chat
532,     // netnews
540,     // uucp
548,     // AFP (Apple Filing Protocol)
556,     // remotefs
563,     // nntp+ssl
587,     // stmp?
601,     // ??
636,     // ldap+ssl
993,     // ldap+ssl
995,     // pop3+ssl
2049,    // nfs
3659,    // apple-sasl / PasswordServer
4045,    // lockd
6000,    // X11
6665,    // Alternate IRC [Apple addition]
6666,    // Alternate IRC [Apple addition]
6667,    // Standard IRC [Apple addition]
6668,    // Alternate IRC [Apple addition]
6669,    // Alternate IRC [Apple addition]
6697,    // IRC + TLS

Answer 2

我将端口更改为4000，它开始工作。我不知道为什么；(