Не удается прочитать свойства неопределенного (чтение «SUPABASE_URL»)

Я пытаюсь работать с Supabase, но у меня возникла ошибка, которую я не могу исправить.

У меня есть supabaseClient.js со следующим кодом:

import { createClient } from '@supabase/supabase-js'

const supabaseUrl = process.env.SUPABASE_URL
const supabaseKey = process.env.SUPABASE_KEY
const supabase = createClient(supabaseUrl, supabaseKey)

export default supabase

У меня есть файл ".env" в моей корневой папке с: SUPABASE_URL=https://xxxx SUPABASE_KEY=xxxxxxxxx

У меня также установлен пакет dotenv npm. Следовал нескольким руководствам, которые делают именно это, но когда я пытаюсь выполнить console.info(supabase), я получаю данные «console.info» в своем терминале, но мое приложение вылетает со словами :

Не удается прочитать свойства неопределенного (чтение «SUPABASE_URL»)

Кто-нибудь знает, ПОЖАЛУЙСТА, как я могу это исправить?

ReactJs | Supabase | Добавление данных в базу данных
ReactJs | Supabase | Добавление данных в базу данных
Это и есть ваш редактор таблиц в supabase.👇
0
0
424
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Лучше всего использовать модуль Nuxt Supabase, он сам создаст клиент. Вы просто предоставляете файл .env и вызываете useSupabaseClient в своем коде.

Ошибка, которую вы получаете, вероятно, связана с тем, что process.env недоступен на стороне клиента Nuxt. Если вы настаиваете на создании клиента Supabase вручную, вам придется использовать конфигурацию среды выполнения для предоставления переменных среды или обработки подключения к базе данных на стороне сервера.

Большое спасибо!!! Я запутался, ответ, который вы предоставили, отлично работает :)

Celsiusen 02.04.2023 11:09

Другие вопросы по теме