我终于搞定了这个问题,通过从一些来源中拼凑出来的方法。
首先,在Vercel中添加与.env文件中完全相同的环境变量,例如:VITE_SUPABASE_URL和VITE_SUPABASE_ANON_KEY以及它们的值。
接下来,在svelte.config.js文件中添加一些代码。该文件的结果如下:
import adapter from '@sveltejs/adapter-auto'
/** @type {import('@sveltejs/kit').Config} */
const config = {
kit: {
adapter: adapter(),
vite: {
define: {
'process.env': process.env,
},
},
// hydrate the <div id="svelte"> element in src/app.html
target: '#svelte',
},
}
export default config
我将项目重新部署到Vercel上,现在可以正常运行了。
VITE_SUPABASE_URL
, VITE_SUPABASE_ANON_KEY
,如果你已经按照 Supabase 指南进行了初始化。svelte.config.js
文件中之外,如果您添加了此文件,您应该强调将环境变量添加到您的 Vercel 环境中。// utils/supabase.js
import { createClient } from '@supabase/supabase-js'
const supabaseUrl = import.meta.env.VITE_SUPABASE_URL
const supabaseAnonKey = import.meta.env.VITE_SUPABASE_ANON_KEY
export const supabase = createClient(supabaseUrl, supabaseAnonKey)