Vercel 上的 Flutter 项目部署答案

【问题标题】：Flutter project deployment on vercelVercel 上的 Flutter 项目部署
【发布时间】：2021-06-19 11:00:41
【问题描述】：

我已经在 github 上的 vercel 上部署了颤振项目，但是部署后它显示：

404：NOT_FOUND 代码：NOT_FOUND。
框架预设：其他

构建日志：

15:28:18.542 克隆 github.com/Usman167/UPKeepApp-FluxStore-（分支：master，提交：e331f69） 15:28:20.977 克隆完成：2.435s
15:28:21.169 分析源代码...
15:28:26.899 正在上传构建输出...
15:28:26.913 部署构建输出...
15:28:33.974 用“.”完成

【问题讨论】：

标签： flutter deployment vercel

【解决方案1】：

您可以更改 Vercel 项目设置以构建和部署 Flutter Web 项目。

构建和开发设置

框架预设：Other
构建命令：flutter/bin/flutter build web --release
输出目录：build/web
安装命令：if cd flutter; then git pull && cd .. ; else git clone https://github.com/flutter/flutter.git; fi && ls && flutter/bin/flutter doctor && flutter/bin/flutter clean && flutter/bin/flutter config --enable-web

显示成功部署 Flutter 的构建日志示例

【讨论】：

你知道我如何检查特定版本的颤振吗？因为在某些版本中，由于 null 安全性不起作用（强制执行？？）而导致构建失败。如果我想使用颤振版本 2.2.3
解决方案：您可以只使用“git checkout 2.2.3”来使用特定版本。我的 bash 脚本示例：#!/bin/bash if cd flutter; then git pull && cd .. ; else git clone https://github.com/flutter/flutter.git -b stable; fi && ls && cd flutter && git checkout 2.2.3 && cd .. && flutter/bin/flutter doctor && flutter/bin/flutter clean && flutter/bin/flutter pub get

【解决方案2】：

方法一

在项目根目录下运行命令：flutter build web

在 github 中创建新的存储库并将 web 文件夹上传到 github

并在vercel中按照下图的步骤进行

https://githubactionss.vercel.app/#/ https://github.com/lavahasif/githubaction

方法二

只需创建 Flutter 模板项目（测试）

flutter create -t skeleton my_app

验证 web 文件夹（启用 web）是否存在其他明智的 vercel 显示错误将整个项目上传到github 这样做

构建命令：flutter/bin/flutter build web --release
输出目录：build/web
安装命令：if cd flutter; then git pull && cd .. ; else git clone https://github.com/flutter/flutter.git; fi && ls && flutter/bin/flutter doctor && flutter/bin/flutter clean && flutter/bin/flutter config --enable-web

最后只是部署像这样的链接 https://web-my-app.vercel.app/#/

【讨论】：

兄弟你能指导我关于flutter移动应用项目吗？
我想你想把你的 Flutter 项目作为网站托管在 vercel 中。不是吗？
兄弟实际上我在我的颤振移动应用程序中使用条纹支付网关。为此，我已将其部署在 vercel 上。但它显示了这个错误。
fidev.io/stripe-checkout-in-flutter-web。你试过了吗
itnext.io/…