Firebase(Angularfire2)에서 invalid-api-key 오류가 발생했을 때
4702 단어 AngularFire2Firebase
ng serve
실행할 때 문제가 없습니다.build가 그곳에서 시작할 때 다음과 같은 오류가 발생했습니다.ERROR Tr {code: "auth/invalid-api-key", message: "Your API key is invalid, please check you have copied it correctly."}
ERROR Error: Uncaught (in promise): Error: Your API key is invalid, please check you have copied it correctly.
Firebase 설정도 문제없고 키 등도 오류가 없습니다.
다음 issue는 해결에 대한 힌트를 제공합니다.
Angularfire2의 환경문서에 ts에 키를 기록한다고 쓰여 있기 때문에 그렇게 진행합니다.
그래서 환경.ts에 따르면 HMR용 환경.hmr.ts와 정식 공연에 사용되는 환경.여러 파일 (예:prod.ts) 에 걸쳐 같은 설명을 합니다.
그래서 나는 열쇠를 파일에 집중하고 그것을 import했다.
firebase.ts
export default {
apiKey: "xxx-xxx",
authDomain: "xxx.firebaseapp.com",
databaseURL: "https://xxx.firebaseio.com",
projectId: "xxx",
storageBucket: "xxx.appspot.com",
messagingSenderId: "xxx"
};
environment.tsimport firebase from './firebase';
export const environment = {
production: true,
hmr: false,
firebase
};
비록 이렇게 했지만 이렇게 하면 상술한 착오가 발생한다.인터넷 요청을 보는 느낌은 Firebase에 요청하고 인증이 튀어나오기 때문에 잘못된 느낌을 보내는 것이 아니라 어떤 요청도 하지 않으면 오류가 발생합니다.
어떤 정적 분석이 튀어나오기 때문에import가 아니라 바로 다음과 같은 내용으로 바뀌면 문제없이 동작합니다.
environment.ts
import firebase from './firebase';
export const environment = {
production: true,
hmr: false,
firebase: {
apiKey: "xxx-xxx",
authDomain: "xxx.firebaseapp.com",
databaseURL: "https://xxx.firebaseio.com",
projectId: "xxx",
storageBucket: "xxx.appspot.com",
messagingSenderId: "xxx"
}
};
조사가 어려워서 나는 몇 시간 동안 푹 빠졌다
Reference
이 문제에 관하여(Firebase(Angularfire2)에서 invalid-api-key 오류가 발생했을 때), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/INORIA/items/ac7fe18797465f4506c5텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)