我在试着设置Sveltekit,Supabase和Vercel。它在本地环境(SvelteKit和Supabase)上正确工作,但是当我将它部署到Vercel时,Supabase出现了一个问题-- "Error: supabaseUrl是必需的“(我在下面发布了一个屏幕快照)。如果我不使用Supabase,部署到Vercel没有问题。如果你遇到过类似的问题,或者有什么建议可以分享的话,请找个人。
发布于 2022-01-05 18:11:29
在做了几件我从几个来源拼凑起来的事情之后,我终于开始工作了。
首先,我在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,它成功了。
发布于 2022-07-22 21:14:21
您应该将您的Supabase URL和Supabase ANON键添加到vercel中,如果您已经根据supabase指南进行初始化,则应该坚持下面给出的VITE_SUPABASE_URL
、VITE_SUPABASE_ANON_KEY
格式。
除了将配置添加到您的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)
https://stackoverflow.com/questions/70484665
复制相似问题