Flutter 运行到浏览器

    技术2025-04-19  8

    背景


    最近想让Flutter 项目运行到浏览器试一下,按照一些博客说明,做了下面的操作。

    flutter config --enable-web // 打开web配置 flutter run -d chrome //运行到chrome

    报错找不到chrome,执行flutter devices 也找不到浏览器,文件目录页没有web目录。

    下面说下正确的配置,其实看官网就好,一些博客太老,或者断章取义。

    官网配置如下:https://flutter.dev/docs/get-started/web

    下面稍作解释,两种场景。

    Flutter for Web 基础配置


    到目前为止,Flutter for Web还是Beta版本,Flutter已经将Flutter web合并到主仓库。但是还没有发布,所以要切换到beta版本。

    $ flutter channel beta $ flutter upgrade $ flutter config --enable-web

    切换到Beta版本,然后升级一下,记得打开web开关。

     

    Web新项目


    执行完基础命令,新建Flutter项目,已有Web文件夹。

    然后执行(已安装chrome):

    flutter run -d chrome

     

    老项目


    老项目没有做web的需要先执行

    flutter create .

    然后执行(已安装chrome):

    flutter run -d chrome
    Processed: 0.009, SQL: 9