如何允许 EACCESS for :8080 以运行 webpack 开发服务器？

如何解决如何允许 EACCESS for :8080 以运行 webpack 开发服务器？

当我学习手动配置 Webpack 时，我在运行启动脚本时遇到了这个错误（EACCES：permission denied 127.0.0.1:8080）。 结果是：

× ｢wds｣:  Error: listen EACCES: permission denied 127.0.0.1:8080
    at Server.setupListenHandle [as _listen2] (net.js:1292:21)
    at listenInCluster (net.js:1357:12)
    at GetAddrInfoReqWrap.doListen [as callback] (net.js:1496:7)
    at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:69:10) {
  code: 'EACCES',errno: 'EACCES',syscall: 'listen',address: '127.0.0.1',port: 8080
}
i ｢wdm｣: asset bundle.js 362 KiB [emitted] (name: main)
runtime modules 430 bytes 3 modules
cacheable modules 333 KiB
  modules by path ./node_modules/webpack-dev-server/client/ 20.9 KiB 10 modules
  modules by path ./node_modules/html-entities/lib/*.js 61 KiB 5 modules
  modules by path ./node_modules/url/ 37.4 KiB 3 modules
  modules by path ./node_modules/querystring/*.js 4.51 KiB
    ./node_modules/querystring/index.js 127 bytes [built] [code generated]
    ./node_modules/querystring/decode.js 2.34 KiB [built] [code generated]
    ./node_modules/querystring/encode.js 2.04 KiB [built] [code generated]
  modules by path ./node_modules/webpack/hot/*.js 1.42 KiB
    ./node_modules/webpack/hot/emitter.js 75 bytes [built] [code generated]
    ./node_modules/webpack/hot/log.js 1.34 KiB [built] [code generated]
./node_modules/webpack/hot/ sync nonrecursive ^\.\/log$ 170 bytes [built] [code generated]
webpack 5.11.0 compiled successfully in 470 ms
i ｢wdm｣: Compiled successfully.

虽然它说它编译成功，但它实际上没有捆绑任何东西。 这是我的 package.json：

{
  "name": "webpack_test","version": "1.0.0","description": "","main": "index.js","scripts": {
    "start": "webpack serve --config ./webpack.config.js --mode development",},"keywords": [],"license": "ISC","devDependencies": {
    "webpack": "^5.11.0","webpack-cli": "^4.2.0","webpack-dev-server": "^3.11.0"
  },"dependencies": {
    "dotenv": "^8.2.0"
  }
}

这是我的 webpack.config.js:

const path = require('path');
module.exports = {
  entry: path.resolve(__dirname,'./src/index.js'),output: {
    path: path.resolve(__dirname,'./dist'),filename: 'bundle.js',devServer: {
    contentBase: path.resolve(__dirname,};

如何在 Windows 10 上允许此 EACCES？

解决方法

好的，我想我找到了解决方案。我认为其他一些进程正在 8080 上运行，所以我将 port: 3000 添加到 webpack.config.js 中的 devServer 属性，现在它可以工作了。我把这个留在这里以防有人遇到同样的问题