如何在运行flutter web时指定端口号

kd3sttzy  于 2023-05-19  发布在  Flutter
关注(0)|答案(6)|浏览(308)

有没有什么方法可以启动Flutter web,使用Headless-Server目标,总是在相同的指定端口号上?
今天,运行Web应用程序时:

flutter run -d headless-server

提供随机端口号。

q5iwbnjs

q5iwbnjs1#

要在Android Studio中执行此操作,只需将附加参数添加到运行配置中即可。因此,在Additional arguments中,添加--web-port=49430

zyfwsgd6

zyfwsgd62#

我在flutter_tools源代码中找到了答案:

flutter run -d headless-server --web-port=1234
bmvo0sr5

bmvo0sr53#

如果你喜欢使用命令行,上面的解决方案就可以很好地工作了。但是如果你使用的是CTRL+F5的VsCode,那就行不通了。因此,要让vscode CTRL+F5在chrome或web服务器上运行,请到你的项目根目录创建.vscode目录,并在该文件夹中添加launch.json文件。
现在,如果你想在web服务器上运行,请在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

f8rj6qna

f8rj6qna4#

你可以在任何基于 chrome 的浏览器上运行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

编辑
与主要问题无关,但如果您遇到以下问题,则会有所帮助。

最近遇到了一个flutter web应用程序的问题,它没有运行,没有可见的日志/错误。
我是怎么修好的。
运行flutter build web这应该打印出的错误,修复这些错误,然后尝试运行上述命令的应用程序

owfi6suc

owfi6suc5#

这个也很好用-

flutter run -d web-server --web-port 8080
pjngdqdw

pjngdqdw6#

VS码解决方案

1.转到设置
1.搜索Dart: Flutter Run Additional Args
1.输入--web-port=1234
1.单击Add Item

相关问题