无法在Netlify上部署带有React、TypeScript、Vite和Supabase的应用。

huangapple go评论147阅读模式
英文:

Can't deploy react with typescript, vite and supabase in netlify

问题

在我的本地开发环境中没有问题,但我无法使用Netlify部署它,它抛出一个错误:

Uncaught Error: supabaseUrl is required.

我的supabaseConfig文件:

import { createClient } from '@supabase/supabase-js'
const supabaseKey = import.meta.env.VITE_SUPABASE_API_KEY;
const supabaseUrl = import.meta.env.VITE_SUPABASE_URL;
const supabase = createClient(supabaseUrl, supabaseKey)
export default supabase

这是我的.env变量:

VITE_SUPABASE_API_KEY="mySupabaseApiKey"
VITE_SUPABASE_URL="mySupabaseUrl"

我的.env文件位于根目录下,我还安装了dotenv包,我搜索了但仍然无法解决这个问题。

英文:

No problem in my local development but i cant deploy it using netlify and it throws an error:

Uncaught Error: supabaseUrl is required.

My supabaseConfig file:

import { createClient } from '@supabase/supabase-js'
const supabaseKey = import.meta.env.VITE_SUPABASE_API_KEY;
const supabaseUrl = import.meta.env.VITE_SUPABASE_URL;
const supabase = createClient(supabaseUrl, supabaseKey)
export default supabase

Here's my .env variables:

VITE_SUPABASE_API_KEY="mySupabaseApiKey"
VITE_SUPABASE_URL="mySupabaseUrl"

My .env is in the root directory, i also installed the dotenv package, i searched but still cant resolve this issue.

答案1

得分: 0

你需要将你的环境变量添加到Netlify仪表板才能使其工作。你可以从Netlify文档网站 https://docs.netlify.com/environment-variables/overview/ 阅读更多关于如何做到这一点的信息。

英文:

You need to add your environment variables to the Netlify dashboard for this to work. You can read more about how to do this from the Netlify documentation website https://docs.netlify.com/environment-variables/overview/

huangapple
  • 本文由 发表于 2023年8月10日 17:40:19
  • 转载请务必保留本文链接:https://go.coder-hub.com/76874496.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定