我试图运行我的第一个reactjs模板,但我得到这个错误:Firebase错误:firebase.initializeApp中未提供“projectId”。我不知道它将如何运行与firebase或没有它
6tdlim6h1#
我用这个解决了:
<script src="https://www.gstatic.com/firebasejs/5.0.4/firebase.js"></script> <script> // Initialize Firebase // TODO: Replace with your project's customized code snippet var config = { apiKey: "<API_KEY>", authDomain: "<PROJECT_ID>.firebaseapp.com", databaseURL: "https://<DATABASE_NAME>.firebaseio.com", projectId: "<PROJECT_ID>", storageBucket: "<BUCKET>.appspot.com", messagingSenderId: "<SENDER_ID>", }; firebase.initializeApp(config); </script>
字符串链接帮助
vddsk6oq2#
将自动初始化脚本添加到index.html。适用于本地开发人员,使用npm start运行应用程序。部署到firebase时也应该工作。
<body> <div id="root"></div> <script src="/__/firebase/7.19.1/firebase-app.js"></script> <script src="/__/firebase/init.js"></script> </body>
字符串在源代码中,我初始化了firebase,只传递了projectId。
const firebaseApp = firebase.initializeApp({ projectId: '<PROJECT_ID>' });
型
daupos2t3#
得到了相同的,并决定强迫它:
import {initializeApp} from 'firebase/app'; import {getFirestore} from 'firebase/firestore'; const firebaseConfig = JSON.parse( process?.env?.FIREBASE_CONFIG ?? '{}', ); const app = initializeApp({...firebaseConfig, projectId: firebaseConfig?.projectId});
字符串在我的例子中,我是从字符串形式(JSON.parse)转换configjson。
flvlnr444#
我也犯过同样的错误。问题的解决方法和原因是:
原因在Firebase官方文档(https://firebase.google.com/docs/web/module-bundling?hl=en&authuser=0)中,您可能会看到以下一行:const firebaseApp = initializeApp({ /* config */ });
您可以复制它并粘贴到您的项目中,替换注解部分“/* config */”-这将起作用,
var firebaseConfig = { apiKey:“API_KEY”,authDomain:“PROJECT_ID.firebaseapp.com“,数据库URL:“https://DATABASE_NAME.firebaseio.com“,projectId:“PROJECT_ID”,...};
解决方法:必须把花括号也擦掉。
这是一个有点愚蠢的错误,但如果你不立即抓住它,你失去了相当长的时间找到错误的原因。
4条答案
按热度按时间6tdlim6h1#
我用这个解决了:
字符串
链接帮助
vddsk6oq2#
将自动初始化脚本添加到index.html。适用于本地开发人员,使用npm start运行应用程序。部署到firebase时也应该工作。
字符串
在源代码中,我初始化了firebase,只传递了projectId。
型
daupos2t3#
得到了相同的,并决定强迫它:
字符串
在我的例子中,我是从字符串形式(JSON.parse)转换configjson。
flvlnr444#
我也犯过同样的错误。问题的解决方法和原因是:
原因在Firebase官方文档(https://firebase.google.com/docs/web/module-bundling?hl=en&authuser=0)中,您可能会看到以下一行:const firebaseApp = initializeApp({ /* config */ });
您可以复制它并粘贴到您的项目中,替换注解部分“/* config */”-这将起作用,
var firebaseConfig = { apiKey:“API_KEY”,authDomain:“PROJECT_ID.firebaseapp.com“,数据库URL:“https://DATABASE_NAME.firebaseio.com“,projectId:“PROJECT_ID”,...};
解决方法:必须把花括号也擦掉。
这是一个有点愚蠢的错误,但如果你不立即抓住它,你失去了相当长的时间找到错误的原因。