flutter web应用,运行chrome web时,报错SocketException: Failed to create server socket

问题描述:Android Studio中, 左上角flutter device selection选择chrome web,使用浏览器运行flutter web应用, 报错:

Launching lib\main.dart on Chrome in debug mode...
Finished with error: Failed to bind web development server:
SocketException: Failed to create server socket (OS Error: Failed to start accept), address = localhost, port = 2937

解决:

  • Windows环境下,需要添加 --web-hostname=127.0.0.1 。添加后执行代码如下:
    flutter run -d chrome --web-hostname=127.0.0.1
  • 其他环境下,需要添加 --web-port=8080 --web-hostname=127.0.0.1(端口可以填其他未被占用端口号)。添加后执行代码如下:
    flutter run -d chrome --web-port=8080 --web-hostname=127.0.0.1
  • 如果想要在Android Studio里运行以使用热更新,需要如下修改:
    打开 Edit configurations界面,找到你运行项目的Additional run args 增加参数: --web-hostname=127.0.0.1Windows环境下)或者--web-port=8080 --web-hostname=127.0.0.1(其他环境)
    在这里插入图片描述
当在FlutterChrome调试模式下启动`lib/main.dart`出现无法绑定Web开发服务器(`SocketException: Failed to create server socket`)错误,可尝试以下详细修复步骤: ### 1. 检查端口占用情况 该错误通常是由于指定端口被其他应用程序占用导致的。可以通过以下命令查看端口占用情况: - **Windows系统**: ```powershell netstat -ano | findstr :<端口号> ``` - **Linux或macOS系统**: ```bash lsof -i :<端口号> ``` 其中`<端口号>`通常是Flutter默认使用的端口,如`5000`、`3000`等。找到占用端口的进程ID(PID)后,可以使用以下命令终止该进程: - **Windows系统**: ```powershell taskkill /F /PID <进程ID> ``` - **Linux或macOS系统**: ```bash kill -9 <进程ID> ``` ### 2. 更改Flutter开发服务器端口 可以通过指定不同的端口来启动Flutter应用,避免端口冲突。在命令行中使用`--web-port`参数指定新的端口: ```bash flutter run -d chrome --web-port <新端口号> ``` 例如: ```bash flutter run -d chrome --web-port 8080 ``` ### 3. 检查防火墙设置 防火墙可能会阻止Flutter开发服务器绑定端口。需要确保防火墙允许Flutter应用程序通过指定端口进行通信。 - **Windows系统**: - 打开“Windows Defender防火墙”。 - 选择“允许应用通过防火墙”。 - 点击“允许其他应用”,然后找到Flutter SDK中的`dart.exe`或`flutter.exe`,添加到允许列表中,并确保选中“公用”和“专用”网络。 - **Linux系统**: - 对于`iptables`防火墙,可以使用以下命令开放指定端口: ```bash sudo iptables -A INPUT -p tcp --dport <端口号> -j ACCEPT ``` - 对于`ufw`防火墙,可以使用以下命令开放指定端口: ```bash sudo ufw allow <端口号> ``` - **macOS系统**: - 打开“系统偏好设置”,选择“安全性与隐私”。 - 在“防火墙”选项卡中,点击“防火墙选项”。 - 点击“+”号,添加Flutter SDK中的`dart.exe`或`flutter.exe`到允许列表中。 ### 4. 重启开发环境 有候,简单地重启开发环境可以解决一些临的问题。关闭所有相关的开发工具(如VS Code、Android Studio等)和终端窗口,然后重新启动它们,再次尝试启动Flutter应用。 ### 5. 检查Flutter和Dart版本 确保使用的是最新版本的Flutter和Dart SDK。可以使用以下命令更新Flutter: ```bash flutter upgrade ``` ### 6. 清理项目缓存 有候,项目缓存可能会导致一些问题。可以使用以下命令清理项目缓存: ```bash flutter clean ``` 然后重新获取依赖并运行应用: ```bash flutter pub get flutter run -d chrome ```
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值