美文网首页
【正确姿势】解决创建Flutter项目卡住/卡死/无响应等问题

【正确姿势】解决创建Flutter项目卡住/卡死/无响应等问题

作者: 前端技术小咖 | 来源:发表于2020-10-13 12:08 被阅读0次

    搭建Flutter开发环境后,大多数人在使用Android Studio、命令行等创建Flutter项目时都会遇到卡住/卡死/无响应的问题,虽然表述方式不一样,但都是一个意思,无法完成项目的创建。

    耐心的等啊等,等到头发胡子白了项目也没创建好(程序员没头发)
    为什么创建一个项目要这么久呢?不用想也能猜到一定是伟大的墙的功劳。为了解决这个掉头发的问题,网上网友们打开脑洞,研究出了不少的解决方案,比较常见解决方案包括强制退出Android Studio,再重启打开项目 和 配置Android Studio等方案,但是这些和创建离线项目的效果无异,都没有从根本上解决问题。
    仔细研究了一下Flutter中文网发现其实Flutter已经针对中国开发者已经给出了解决方案,通过配置环境变量将PUB_HOSTED_URLFLUTTER_STORAGE_BASE_URL两个变量的地址改为国内可访问的地址即可,具体的解决方案如下:

    1. For Windows

    a. 确定您Flutter SDK的目录,您将在步骤c中用到。
    b. 转到 “控制面板>用户帐户>用户帐户>更改我的环境变量”
    c. 在“用户变量”下检查是否有名为“Path”的条目:

    1) 如果该条目存在, 追加 flutter\bin的全路径,使用 ; 作为分隔符. 
    2) 如果条目不存在, 创建一个新用户变量 Path ,然后将 flutter\bin的全路径作为它的值.
    

    d. 在“用户变量”下检查是否有名为PUB_HOSTED_URLFLUTTER_STORAGE_BASE_URL的变量,如果没有,也添加它们:

    1) 创建一个新用户变量 PUB_HOSTED_URL,然后将它的值设置为:
       https://pub.flutter-io.cn
    2) 创建一个新用户变量 FLUTTER_STORAGE_BASE_URL,然后将它的值设置为:
       https://storage.flutter-io.cn
    

    f. Window下如果设置为系统变量会不生效,验证方法,输入命令echo %变量名%查看我们设置的是否一致,查看上面两个变量设置成功的命令示例:

    echo %PUB_HOSTED_URL%
    echo %FLUTTER_STORAGE_BASE_URL%
    

    如果设置成功以上两个命令输出的结果分别是:https://pub.flutter-io.cnhttps://storage.flutter-io.cn

    2. For Mac & Linux

    a. 确定您Flutter SDK的目录,您将在步骤c中用到。
    b. 打开(或创建) $HOME/.bash_profile文件路径和文件名可能在您的机器上不同. 如果Mac的系统版本是Catalin 10.15.0或更高的版本,则需要在$HOME/.zprofile中配置环境变量。查看系统版本的方法如下:

    点击 [桌面左上角的苹果] -> [关于本机], 如下图:
    
    系统版本号查看截图

    c. 添加以下行并更改[PATH_TO_FLUTTER_GIT_DIRECTORY]为克隆Flutter的git repo的路径:

    export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
    export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH
    

    注意:PATH_TO_FLUTTER_GIT_DIRECTORY 为你flutter的安装路径,比如“~/document/code”

    export PATH=~/document/code/flutter/bin:$PATH
    

    3. 配置完以上环境变量后,再次新建项目

    1. 找到并删除旧的项目目录
    2. 重启Android Studio (注意:重启后点击新建Flutter项目会有几分钟卡死)
    3. 创建Flutter项目

    如果这个方案解决了您的问题,别忘了点赞♥️,让其他同学也知道这个正确的方法。
    另外大家在开发的过程中遇到其他问题,也欢迎在留言区留言交流

    相关文章

      网友评论

          本文标题:【正确姿势】解决创建Flutter项目卡住/卡死/无响应等问题

          本文链接:https://www.haomeiwen.com/subject/xkzmpktx.html