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.ts
import 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"
  }
};
조사가 어려워서 나는 몇 시간 동안 푹 빠졌다

좋은 웹페이지 즐겨찾기