Next.js+TypeScript项目Vercel构建报错：string[]无法赋值给string

核心问题 #

报错里的string类型指的是你定义的PreferencesToSupabase函数的第二个参数preferences的预期类型——你把它声明为string | null，但实际传入的是string[]类型的tags变量，这直接导致了类型不兼容。

具体原因 #

1. 函数参数类型错误：
   你的PreferencesToSupabase函数定义：

   async function PreferencesToSupabase(user_id: string, preferences: string | null) {
   

   这里preferences被限定为string或null，但你调用时传入的tags是useState<string[]>([])生成的string[]类型，类型完全不匹配。

2. 本地与Vercel构建差异：
   本地运行正常大概率是因为你的本地TypeScript配置没有开启严格模式（比如strict: false），或者存在类型断言/忽略，导致TypeScript跳过了这个类型检查；而Vercel默认会使用更严格的类型检查规则，所以这个错误在构建时被触发。

修复步骤 #

1. 修正函数参数类型：
   把PreferencesToSupabase的preferences参数类型改为和tags一致的string[] | null：

   async function PreferencesToSupabase(user_id: string, preferences: string[] | null) {
   

2. 修复代码拼写错误：
   你的代码里if (err)存在变量名拼写错误，应该改为if (error)：

   if (error) {
       throw error;
   }
   

3. 可选但推荐：对齐Supabase类型约束
   使用Supabase CLI生成数据库的TypeScript类型定义，让客户端自动识别pref列的text[]类型，避免后续类型错误：

   npx supabase gen types typescript --project-id <你的项目ID> --schema public > types/supabase.ts
   

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