Flutter Web部署后登录输错密码报Toastify未定义错误如何解决？

• 该问题完全由fluttertoast库的Web端依赖缺失导致，和Firebase服务、Firebase域名配置无关联。
• 本地运行正常、线上部署异常的原因：Flutter Web调试模式会自动注入第三方库的依赖资源，release打包时不会自动引入fluttertoast依赖的Toastify JS/CSS静态资源，因此部署到服务器后会出现依赖未定义的错误。
• 仅输入错误密码时报错的原因：输入正确凭证时，登录流程不会走到错误捕获分支，不会触发错误提示toast的调用；只有登录失败时才会执行toast展示逻辑，因此只有异常场景会触发报错。

方案1：补全fluttertoast依赖资源 #

1. 将Toastify的JS和CSS静态资源下载到项目的web目录下存储
2. 编辑项目web/index.html文件，在<head>标签内添加资源引用：

<link rel="stylesheet" href="toastify.min.css">
<script src="toastify.min.js"></script>

3. 重新执行flutter build web打包，将新的构建产物部署到服务器即可解决问题。

方案2：替换消息提示实现 #

如果不想额外维护第三方静态资源，可以直接使用Flutter原生的SnackBar组件实现全局消息提示，完全规避Web端JS依赖问题，更适配跨端部署场景。

内容的提问来源于stack exchange，提问作者iosdev1111