如何用Supabase CLI生成TypeScript类型？解决执行报错问题

1. 解决「zsh: command not found: supabase」错误 #

项目内安装的Supabase依赖是本地包，终端默认无法直接识别supabase命令，两种解决方式：

• 全局安装Supabase CLI：执行命令全局安装后，终端可直接调用supabase

  npm install -g supabase
  # macOS用户也可通过Homebrew安装
  brew install supabase
  

  安装完成后用supabase --version验证是否生效。
• 用npx调用本地依赖：无需全局安装，直接在命令前加npx，让npm临时调用项目本地的Supabase CLI

  npx supabase gen types typescript --project-id 你的项目ID > ./lib/database.types.ts
  

2. 解决「no such file or directory: @/lib/database.types.ts」错误 #

终端不识别Next.js的@路径别名，必须使用项目根目录相对路径，同时要确保目标目录存在：

• 先创建lib目录（如果项目根目录没有）：

  mkdir lib
  

• 替换命令中的路径为相对路径./lib/database.types.ts，完整命令示例：

  # 全局安装CLI的情况
  supabase gen types typescript --project-id 你的项目ID > ./lib/database.types.ts
  # 本地依赖用npx的情况
  npx supabase gen types typescript --project-id 你的项目ID > ./lib/database.types.ts
  

完整操作步骤 #

1. 获取Supabase项目ID：登录Supabase控制台，进入目标项目后，URL中https://之后、.supabase.com之前的字符串就是项目ID（例如abc123）。
2. 确保Supabase CLI可执行（二选一）：
   • 全局安装CLI并验证版本
   • 直接使用npx调用本地依赖
3. 创建lib目录（如果不存在）
4. 执行生成类型的命令，使用相对路径输出文件

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