1

我在线使用 supabase postgresql，其中重要的是创建一个 .env 文件，其中保存了我的在线 DMBS 的 URL 和匿名密钥，并且还创建了一个“supabase 客户端”文件以访问 DBMS 和表，并在需要文件。我已经完成了他们文档中的所有相同操作，但仍然面临错误“错误：需要 supabaseUrl”，但我已经输入了 url。

..................代码............................... ......

import React, { useState } from 'react'
import './App'
import Login from './Login';
import { BrowserRouter as Router, Route, Link, NavLink, Switch } from 'react-router-dom';
import {supabase} from './supabaseClient';

return(
    <>
    <div className="container" >
        <div className="heading">
            <h1>SignUp Form</h1>
        </div>

    <form>
    <Router>
        <div className="mb-3">
            <label  className="flabel">Name</label>
            <input type="text" className="fcontrol" placeholder="Enter Your Name"/>
        </div>
        <div className="mb-3">
            <label  className="flabel">Phone</label>
            <input type="tel"  className="fcontrol" placeholder="Enter Your Phone Number"/>
        </div>
        <div className="mb-3">
            <label  className="flabel">Email</label>
            <input type="email"  className="fcontrol" placeholder="Enter Your Email"/>
        </div>
        <div className="mb-3">
            <label  className="flabel">Password</label>
            <input type="password"  className="fcontrol" placeholder="Enter Your Password"/>
        </div>
        
        <div className="mb-3">
        <button className="btn1" >SignUp</button>
        <Link exact to="/Login">
            Have an already acoount? Login
        </Link> 
        </div>

        {/* --------------------- switch ------------------- */}

        <switch>
            <Route exact path="/Login" component={Login} />
                

        </switch>

        </Router>
    </form>

    </div>
    </>


   )
}
export default Form;

......................supabase 客户端...... …………

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

const supabaseUrl = process.env.REACT_APP_SUPABASE_URL
const supabaseAnonKey = process.env.REACT_APP_SUPABASE_ANON_KEY

export const supabase = createClient(supabaseUrl, supabaseAnonKey)
4

2 回答 2

1

如果“错误：需要 supabaseUrl”，则此问题可能与.env文件有关，请确保文件REACT_APP_SUPABASE_URL中的相同.env

于 2021-07-16T03:49:12.827 回答
1

我有一个类似的问题。我原来只需要通过终端重新启动我的开发实例，因为环境变量在运行 npm run dev或您使用的任何内容后在启动时加载。

于 2022-01-12T10:19:11.463 回答