如何解决Kotlin ReactJS教程运行时listen EADDRINUSE端口占用错误

解决方案 #

• 修正端口配置路径：该项目使用Kotlin/JS Gradle插件托管webpack devServer，端口配置不读取.env文件，需要修改项目根目录下的构建配置文件：
  若使用build.gradle.kts（Kotlin DSL），添加如下配置：

  kotlin {
      browser {
          commonWebpackConfig {
              devServer?.port = 8081 // 替换为你需要的空闲端口
          }
      }
  }
  

  若使用build.gradle（Groovy DSL），添加如下配置：

  kotlin {
      browser {
          commonWebpackConfig {
              devServer.port = 8081
          }
      }
  }
  

• 清理旧构建缓存：执行命令./gradlew clean清除历史构建缓存，避免旧的8080端口配置残留生效。
• 修正杀进程命令：你之前执行的杀端口进程命令存在语法错误，单引号不会执行内部的lsof指令，正确命令为：

  sudo kill -9 $(sudo lsof -t -i:8080)
  

  执行后再确认8080端口无进程占用即可。
• 上述操作完成后，重新执行./gradlew run即可使用新配置的端口正常启动项目。

内容的提问来源于stack exchange，提问作者sigma1510