美文网首页
运行 flutter web 的第一个项目

运行 flutter web 的第一个项目

作者: 爱超越的欢 | 来源:发表于2020-11-13 18:25 被阅读0次

我用的是Mac 其它电脑类似

1、打开终端

cd 到项目路径下
然后终端 输入

flutter packages pub global activate webdev

提示下面内容,警告去path环境变量文件里

Downloading source_maps 0.10.9...
Downloading collection 1.14.13...
Downloading matcher 0.12.9...
Downloading stack_trace 1.9.6...
Precompiling executables...
Precompiled webdev:webdev.
Installed executable webdev.
Warning: Pub installs executables into /opt/flutter/.pub-cache/bin, which is not on your path.
You can fix that by adding this to your shell's config file (.bashrc, .bash_profile, etc.):

  export PATH="$PATH":"/opt/flutter/.pub-cache/bin"

Activated webdev 2.7.1.

2、然后cd 到项目 flutter packages upgrade

终端再输入

flutter packages upgrade

提示警告如下,可忽略

Warning: You are using these overridden dependencies:                   
! flutter_web 0.0.0 from path ../../packages/flutter_web                
! flutter_web_ui 0.0.0 from path ../../packages/flutter_web_ui          
Running "flutter pub upgrade" in hello_world... 

3、接下来输入 webdev serve

webdev serve

提示 -bash: webdev: command not found 这个时候解决第一步问题。
找到.bash_profile 文件打开
把之前的 export PATH="$PATH":"/opt/flutter/.pub-cache/bin" 拷过来

并且配置

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/opt/flutter/bin/cache/dart-sdk/bin:$PATH
export PATH=/opt/flutter/bin:$PATH

接下来输入

webdev serve

提示如下

webdev could not run for this project.
No pubspec.lock file found, please run "pub get" first.

然后输入

pub get

4、接下来再输入 webdev serve

提示如下

Downloading source_maps 0.10.9...
Downloading archive 2.0.13...
Downloading quiver 2.1.5...
Downloading dart_style 1.3.9...
Downloading intl 0.16.1...
Changed 65 dependencies!
hehuandeMacBook-Pro:spinning_square hehuan$ webdev serve
[INFO] Building new asset graph completed, took 1.3s
[INFO] Checking for unexpected pre-existing outputs. completed, took 1ms
[INFO] Serving `web` on http://127.0.0.1:8080
[INFO] Generating SDK summary completed, took 3.3s
[INFO] Running build completed, took 23.4s
[INFO] Caching finalized dependency graph completed, took 361ms
[INFO] Succeeded after 23.8s with 594 outputs (3161 actions)
[INFO] ------------------------------------------------------------------------
[INFO] Received request for entrypoint at http://127.0.0.1:8080/main.dart.bootst[INFO] Injected debugging metadata for entrypoint at http://127.0.0.1:8080/main.[INFO] Received request for entrypoint at http://localhost:8080/main.dart.bootst[INFO] Injected debugging metadata for entrypoint at http://localhost:8080/main.dart.bootstrap.js

看到http://127.0.0.1:8080/ 表示服务启动成功

配上我的截图

截屏2020-11-13 下午5.45.36.png

项目代码和介绍的链接地址 https://gitee.com/wenbinzhou/flutter_web.git

相关文章

  • 节点3 试运行android项目

    Flutter配置好了之后尝试开发运行Android项目 先创建Flutter版本的Android项目 先选第一个...

  • flutter 打包web

    命令行执行 先运行下,看当前flutter 是否支持web项目, 如果没有enable-web: true 则输入...

  • Flutter 项目 运行web平台

    解决方法 Windows 系统 Windows 设置->网络和Internet->状态->更改适配器选项->找到你...

  • 运行 flutter web 的第一个项目

    我用的是Mac 其它电脑类似 1、打开终端 cd 到项目路径下然后终端 输入 提示下面内容,警告去path环境变量...

  • 2021-03-15 Finished with error:

    flutter 运行web 报错:Finished with error: Failed to bind web ...

  • vscode创建flutter项目

    记录flutter创建运行过程的问题及解决方法 创建flutter项目 运行flutter项目 报错信息及解决 启动成功

  • 初识Flutter web

    前言 笔者最近了解了Flutter web相关的内容,本文会分享创建Flutter web项目、Flutter w...

  • Flutter使用

    一.命令 创建flutter项目 flutter create运行flutter项目 在项目的根目录flutte...

  • Error: The argument type 'Null F

    运行flutter项目时如果发生上述错误,请运行"flutter doctor"或者"flutter channe...

  • flutter项目中添加web支持

    Flutter 2.5.1 在项目目录下,在终端运行以下命令: 使用kIsWeb,判断是否支持浏览器 Web端不支...

网友评论

      本文标题:运行 flutter web 的第一个项目

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