如何解决我的问题"FirebaseError: Firebase: Error (auth/invalid-api-key)."

Question

我的环境变量是好的。没有逗号和名称错误，但他们给我的错误像"FirebaseError: Firebase: error (auth/invalid-api-key)"。我怎样才能修好它呢?请帮帮我…

这是我的。env文件

REACT_APP_apiKey=AIzaSyBWobnhbdeMdNpXXXXXXXXXXXXXXXXXXXX
REACT_APP_authDomain=XXXXX.firebaseapp.com
REACT_APP_projectId=XXXX
REACT_APP_storageBucket=XXXXX.appspot.com
REACT_APP_messagingSenderId=4997390XXXXX
REACT_APP_appId=1:4997390XXXXX:web:cc7bc80aa1bdb78fXXXXXX
REACT_APP_measurementId=G-M1XDXXXXXX

我的firebase配置文件

const firebaseConfig = {
apiKey: process.env.REACT_APP_apiKey,
authDomain: process.env.REACT_APP_authDomain,
projectId: process.env.REACT_APP_projectId,
storageBucket: process.env.REACT_APP_storageBucket,
messagingSenderId: process.env.REACT_APP_messagingSenderId,
appId: process.env.REACT_APP_appId,
measurementId: process.env.REACT_APP_measurementId,
};
when I debugging firebaseConfig object
console.log(firebaseConfig.apiKey);  ==========> undefined 
console.log(firebaseConfig.authDomain);  ==========> undefined 
console.log(firebaseConfig.projectId);  ==========> undefined 
console.log(firebaseConfig.storageBucket); ==========> undefined 
console.log(firebaseConfig.measurementId); ==========> undefined 
console.log(firebaseConfig.appId); ==========> undefined 
console.log(firebaseConfig.measurementId); ==========> undefined 

客户端给出错误this "FirebaseError: Firebase: error (auth/invalid-api-key)">

Answer 1

当你从firebaseConfig对象中得到未定义的键值时。他们给出了一个错误，比如FirebaseError: Firebase: error (auth/invalid-api-key)。但是你的环境变量名称和process.env.[environment variable name]，你已经创建了一个。env文件根目录，但他们仍然给出相同的错误。

答案是…你现在要做的是，你的终端再次重启时仍然出现同样的错误..

这个解决方案可以解决我的问题。

Answer 2

您应该创建根文件.env.local输入图片描述