运行 flutter web 时如何指定端口号
How to specify a port number while running flutter web
有没有什么方法可以启动 Flutter web,使用 Headless-Server 目标,始终在相同的指定端口号上?
今天,运行 Web 应用程序具有:
flutter run -d headless-server
提供随机端口号。
我在 flutter_tools 源代码中找到了答案:
flutter run -d headless-server --web-port=1234
这也很管用 -
flutter run -d web-server --web-port 8080
如果您喜欢使用命令行,上述解决方案可以正常工作。但是,如果您使用 CTRL+F5
的 VsCode,那将不起作用。因此,要使 vscode CTRL+F5
运行 在 chrome 或网络服务器中,请转到您的项目根目录创建 .vscode
目录并在该文件夹中添加 launch.json
文件。
现在如果你想 运行 在网络服务器中添加这行 launch.json
{
"version": "0.2.0",
"configurations": [{
"name": "Flutter",
"request": "launch",
"type": "dart",
"args": ["-d", "web-server","--web-port", "8000"],
}
]}
如果您想在 chrome 设备中启动,请将参数 web-server
更改为 chome
即
{
"version": "0.2.0",
"configurations": [{
"name": "Flutter",
"request": "launch",
"type": "dart",
"args": ["-d", "chrome","--web-port", "8000"],
}
]}
现在运行CTRL+F5
要为 Android Studio 执行此操作,只需将附加参数添加到 运行 配置。所以在Additional arguments
中加入--web-port=49430
截至 2020 年 9 月
您可以 运行 在任何基于 chromium 的浏览器上使用 flutter web
Chrome | Edge
使用任何一个启动带有自定义端口的 flutter web 应用程序
flutter run -d chrome --web-port 5555
flutter run -d edge --web-port 5555
flutter run -d web-server --web-port 5555
编辑
与主要问题无关,但如果您遇到 below-mentioned 问题会有所帮助。
最近遇到了一个 flutter web 应用程序的问题,它不是 运行ning 并且没有可见的日志/错误。
我是如何修复它的。
运行 flutter build web
这应该会打印出错误,修复这些错误,然后尝试运行通过上述命令
连接您的应用程序
有没有什么方法可以启动 Flutter web,使用 Headless-Server 目标,始终在相同的指定端口号上?
今天,运行 Web 应用程序具有:
flutter run -d headless-server
提供随机端口号。
我在 flutter_tools 源代码中找到了答案:
flutter run -d headless-server --web-port=1234
这也很管用 -
flutter run -d web-server --web-port 8080
如果您喜欢使用命令行,上述解决方案可以正常工作。但是,如果您使用 CTRL+F5
的 VsCode,那将不起作用。因此,要使 vscode CTRL+F5
运行 在 chrome 或网络服务器中,请转到您的项目根目录创建 .vscode
目录并在该文件夹中添加 launch.json
文件。
现在如果你想 运行 在网络服务器中添加这行 launch.json
{
"version": "0.2.0",
"configurations": [{
"name": "Flutter",
"request": "launch",
"type": "dart",
"args": ["-d", "web-server","--web-port", "8000"],
}
]}
如果您想在 chrome 设备中启动,请将参数 web-server
更改为 chome
即
{
"version": "0.2.0",
"configurations": [{
"name": "Flutter",
"request": "launch",
"type": "dart",
"args": ["-d", "chrome","--web-port", "8000"],
}
]}
现在运行CTRL+F5
要为 Android Studio 执行此操作,只需将附加参数添加到 运行 配置。所以在Additional arguments
中加入--web-port=49430
截至 2020 年 9 月
您可以 运行 在任何基于 chromium 的浏览器上使用 flutter web
Chrome | Edge
使用任何一个启动带有自定义端口的 flutter web 应用程序
flutter run -d chrome --web-port 5555
flutter run -d edge --web-port 5555
flutter run -d web-server --web-port 5555
编辑
与主要问题无关,但如果您遇到 below-mentioned 问题会有所帮助。
最近遇到了一个 flutter web 应用程序的问题,它不是 运行ning 并且没有可见的日志/错误。
我是如何修复它的。
运行 flutter build web
这应该会打印出错误,修复这些错误,然后尝试运行通过上述命令