Flutter Web应用Firebase部署：firebase init执行失败求助

一、修复firebase init创建项目失败问题 #

从你提供的日志来看，失败原因是Firebase项目命名违反了官方规范，具体问题和修复方式如下：

• project_id不符合要求：
  • 长度必须≤30个字符
  • 仅允许小写字母、数字、连字符（-），不能使用下划线（_）、空格或其他特殊字符
  • 示例修正：将原flutter_hello_world_deployment_by_mish改为flutter-hello-world-mish（字符合规且长度达标）
• display_name不符合要求：
  • 不能包含下划线等特殊字符，建议用空格分隔单词，比如Flutter Hello World

快速修复步骤：

1. 直接在Firebase控制台手动创建项目，严格遵循上述命名规范
2. 回到本地项目目录，重新执行firebase init
3. 选择「使用已有项目」，关联刚创建的合规项目，继续完成后续配置

二、Flutter Web部署到Firebase Hosting的最新步骤 #

1. 准备Web构建文件 #

• 确保你的Flutter版本为3.0及以上（Web已进入稳定版）
• 在项目根目录执行：

  flutter build web
  

  生成的生产环境文件会存放在build/web目录下

2. 配置Firebase CLI #

• 打开Windows命令提示符，安装Firebase工具：

  npm install -g firebase-tools
  

• 登录Firebase账号（按提示在浏览器完成授权）：

  firebase login
  

3. 初始化Hosting配置 #

• 进入项目根目录：

  cd C:\Coding Repository\230102 flutter hello world\flutter_hello_world
  

• 执行初始化命令：

  firebase init
  

  • 选择Hosting选项
  • 选择「使用已存在的Firebase项目」，避免自动创建时的命名问题
  • 设置public目录为build/web
  • 询问是否配置为单页应用，选择Yes（Flutter Web属于单页应用）
  • 询问是否覆盖build/web/index.html，选择No

4. 部署上线 #

• 执行部署命令：

  firebase deploy
  

  部署完成后，控制台会输出项目的访问链接，直接访问即可查看你的Flutter Web应用

内容的提问来源于stack exchange，提问作者polina-c