blocks|key|1174702|text|您不需要在if中使用firebase.initializeApp(config);语句|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1174703|++import+*+as+firebase+from+'firebase';

++const+config+=+{
++++apiKey:+process.env.FIREBASE_API_KEY,
++++authDomain:+process.env.FIREBASE_AUTH_DOMAIN,
++++databaseURL:+process.env.FIREBASE_DB_URL,
++++projectId:+process.env.FIREBASE_PROJECT_ID,
++++storageBucket:+process.env.FIREBASE_STORAGE_BUCKET,
++++messagingSenderId:+process.env.FIREBASE_MESSAGE_ID,
++}

++firebase.initializeApp(config);|code-block|syntax|javascript|1174704|您不应该需要导出这些对象，一旦您初始化应用程序，它应该可以在项目中使用而无需导出。|1174705|++const+database+=+firebase.database();
++const+auth+=+firebase.auth()

++export+{firebase,+auth,+database+};|1174706|entityMap^0|5|2|A|V|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|W|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|P|$]]

You don't need that <code>if</code> statement around the <code>firebase.initializeApp(config);</code>

<pre><code> import * as firebase from 'firebase';

 const config = {
 apiKey: process.env.FIREBASE_API_KEY,
 authDomain: process.env.FIREBASE_AUTH_DOMAIN,
 databaseURL: process.env.FIREBASE_DB_URL,
 projectId: process.env.FIREBASE_PROJECT_ID,
 storageBucket: process.env.FIREBASE_STORAGE_BUCKET,
 messagingSenderId: process.env.FIREBASE_MESSAGE_ID,
 }

 firebase.initializeApp(config);
</code></pre>

You shouldn't need to export these objects, once you initialise the app it should be usable within the project without exporting.

<pre><code> const database = firebase.database();
 const auth = firebase.auth()

 export {firebase, auth, database };
</code></pre>

blocks|key|1442074|text|在firebase.js中，当我删除databaseURL:和process.env.FIREBASE_DATABASE_URL之间的空白时，它起了作用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1442075|const+config+=+{
++apiKey:+process.env.FIREBASE_API_KEY,
++authDomain:+process.env.FIREBASE_AUTH_DOMAIN,
++databaseURL:process.env.FIREBASE_DATABASE_URL,
++projectId:+process.env.FIREBASE_PROJECT_ID,
++storageBucket:+process.env.FIREBASE_STORAGE_BUCKET,
++messagingSenderId:+process.env.FIREBASE_MESSAGING_SENDER_ID
};|code-block|syntax|javascript|1442076|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

In the firebase.js, when I removed the blank between databaseURL: and process.env.FIREBASE_DATABASE_URL., it worked. 

<pre><code>const config = {
 apiKey: process.env.FIREBASE_API_KEY,
 authDomain: process.env.FIREBASE_AUTH_DOMAIN,
 databaseURL:process.env.FIREBASE_DATABASE_URL,
 projectId: process.env.FIREBASE_PROJECT_ID,
 storageBucket: process.env.FIREBASE_STORAGE_BUCKET,
 messagingSenderId: process.env.FIREBASE_MESSAGING_SENDER_ID
};
</code></pre>

blocks|key|112428|text|不要只初始化一次火力基地。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|112429|https://github.com/firebase/firebase-functions/issues/228|offset|length|112430|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1L|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

Don't initialize firebase more than once.

<a href="https://github.com/firebase/firebase-functions/issues/228" rel="nofollow noreferrer">https://github.com/firebase/firebase-functions/issues/228</a>

blocks|key|1440764|text|这里也有同样的问题。上下文:+Gatsby+-+gatsby-node.js|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1440765|因为某种原因，它不像我的env+db+url。需要对这个值进行硬编码。|1440766|++++const+config+=+{
++++++apiKey:+process.env.GATSBY_FIREBASE_API_KEY,
++++++authDomain:+process.env.GATSBY_FIREBASE_AUTH_DOMAIN,
++++++databaseURL:+"https://blabla.firebaseio.com",
++++++projectId:+process.env.GATSBY_FIREBASE_PROJECT_ID,
++++++storageBucket:+process.env.GATSBY_FIREBASE_STORAGE_BUCKET,
++++++messagingSenderId:+process.env.GATSBY_FIREBASE_MESSAGING_SENDER_ID
++++}|code-block|syntax|javascript|1440767|而且起作用了。|1440768|cya|1440769|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Same issue here.
Context: Gatsby - gatsby-node.js

For SOME reason it dsnt like my env db url. need to hardcode just that value.

<pre><code> const config = {
 apiKey: process.env.GATSBY_FIREBASE_API_KEY,
 authDomain: process.env.GATSBY_FIREBASE_AUTH_DOMAIN,
 databaseURL: "https://blabla.firebaseio.com",
 projectId: process.env.GATSBY_FIREBASE_PROJECT_ID,
 storageBucket: process.env.GATSBY_FIREBASE_STORAGE_BUCKET,
 messagingSenderId: process.env.GATSBY_FIREBASE_MESSAGING_SENDER_ID
 }
</code></pre>

and it worked.

cya

blocks|key|112493|text|这里也存在同样的问题，但是在componentDidMount()中添加firebaseconfig之后，它将得到解决。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|112494|componentDidMount(){

const+firebaseConfig+=+{
++apiKey:+process.env.FIREBASE_API_KEY,
++authDomain:+process.env.FIREBASE_AUTH_DOMAIN,
++databaseURL:process.env.FIREBASE_DATABASE_URL,
++projectId:+process.env.FIREBASE_PROJECT_ID,
++storageBucket:+process.env.FIREBASE_STORAGE_BUCKET,
++messagingSenderId:+process.env.FIREBASE_MESSAGING_SENDER_ID
};
firebase.initializeApp(firebaseConfig);
const+myitem+=+firebase.database().ref('items/').once('value',snapshot=>{
++console.log(snapshot.val())
})|code-block|syntax|javascript|112495|}|112496|entityMap^0|E|J|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

Same issue here but after putting firebaseconfig in <code>componentDidMount()</code> it will solved.

<pre><code>componentDidMount(){

const firebaseConfig = {
 apiKey: process.env.FIREBASE_API_KEY,
 authDomain: process.env.FIREBASE_AUTH_DOMAIN,
 databaseURL:process.env.FIREBASE_DATABASE_URL,
 projectId: process.env.FIREBASE_PROJECT_ID,
 storageBucket: process.env.FIREBASE_STORAGE_BUCKET,
 messagingSenderId: process.env.FIREBASE_MESSAGING_SENDER_ID
};
firebase.initializeApp(firebaseConfig);
const myitem = firebase.database().ref('items/').once('value',snapshot=&gt;{
 console.log(snapshot.val())
})
</code></pre>

}

blocks|key|112534|text|重新启动开发服务器解决了这个问题，如果您刚刚编写了代码并试图编译它，则会引发此错误。因此，您可以尝试退出批处理作业，然后再次重新启动服务器。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|112535|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Restarting the development server solves the issue, if you have just written the code and trying to compile it throws this error. So you can try to exit the batch job and again restart the server.

blocks|key|112542|text|我也得到了这个与firebase.Atlast相关的未明错误，最终错误应该得到解决。实际上，当我们使用环境变量时，它们不应该传入bundle.js文件，这是一个客户端javascript+file..We可以使用"DefinePlugin“，这是一个webpack插件，应该手动将这些env变量传递到bundle.js文件中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|112543|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I also got this uncaught error related to firebase.Atlast Finally error should be solved.
Actually when we are using environment variables they should not pass in to bundle.js file which is a client side javascript file..We can use &quot;DefinePlugin&quot; which is a webpack plugin that should manually pass those env variables in to bundle.js file.

blocks|key|112545|text|看上去你的代码很好。只需打印和检查process.env.FIREBASE_DATABASE_URL和它的完全相同，在消防控制台中提到。(如果您正在使用create应用程序，请不要忘记将REACT_APP_添加到所有env变量https://create-react-app.dev/docs/adding-custom-environment-variables/中)|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|112546|import+*+as+firebase+from+'firebase/app';
import+'firebase/auth';
import+'firebase/firestore';
import+'firebase/functions';
import+'firebase/storage';

const+appConfiguration+=+{
++++apiKey:+process.env.REACT_APP_API_KEY,
++++authDomain:+process.env.REACT_APP_AUTH_DOMAIN,
++++databaseURL:+process.env.REACT_APP_DATABASE_URL,
++++projectId:+process.env.REACT_APP_PROJECT_ID,
++++storageBucket:+process.env.REACT_APP_STORAGE_BUCKET,
++++messagingSenderId:+process.env.REACT_APP_MESSAGING_SENDER_ID,
++++appId:+process.env.REACT_APP_APP_ID,
++++measurementId:+process.env.REACT_APP_MEASUREMENT_ID
};

export+const+session_type+=+firebase.auth.Auth.Persistence.LOCAL;

export+const+app+=+firebase.initializeApp(appConfiguration);
export+const+auth+=+app.auth();
export+const+db+=+app.firestore();
export+const+storage+=+app.storage();|code-block|syntax|javascript|112547|才能完成任务。|112548|entityMap|0|LINK|mutability|MUTABLE|url|https://create-react-app.dev/docs/adding-custom-environment-variables/^0|H|X|2L|A|35|1Y|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|F|3|G|5|H|7|12|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|13|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

Seems like your code is just fine. Just print and check <code>process.env.FIREBASE_DATABASE_URL</code> and its exactly same as mentioned in firebase console. (If you are using create react app, dont forget to add <code>REACT_APP_</code> to all your env variables, <a href="https://create-react-app.dev/docs/adding-custom-environment-variables/" rel="nofollow noreferrer">https://create-react-app.dev/docs/adding-custom-environment-variables/</a>)
<pre><code>import * as firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/firestore';
import 'firebase/functions';
import 'firebase/storage';

const appConfiguration = {
 apiKey: process.env.REACT_APP_API_KEY,
 authDomain: process.env.REACT_APP_AUTH_DOMAIN,
 databaseURL: process.env.REACT_APP_DATABASE_URL,
 projectId: process.env.REACT_APP_PROJECT_ID,
 storageBucket: process.env.REACT_APP_STORAGE_BUCKET,
 messagingSenderId: process.env.REACT_APP_MESSAGING_SENDER_ID,
 appId: process.env.REACT_APP_APP_ID,
 measurementId: process.env.REACT_APP_MEASUREMENT_ID
};

export const session_type = firebase.auth.Auth.Persistence.LOCAL;

export const app = firebase.initializeApp(appConfiguration);
export const auth = app.auth();
export const db = app.firestore();
export const storage = app.storage();

</code></pre>
will get the job done.

blocks|key|112576|text|我认为这是复制粘贴错误:)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|112577|在.env文件REACT_APP_DATABASE_URL中|112578|但是我使用process.env.REACT_APP_DB|112579|请检查一下，它运转得很好|112580|import+firebase+from+'firebase/app'
import+'firebase/database';
const+config+=+{
++++apiKey:+process.env.REACT_APP_APIKEY,
++++authDomain:+process.env.REACT_APP_AUTHDOMAIN,
++++databaseURL:+process.env.REACT_APP_DATABASE_URL,
++++projectId:+process.env.REACT_APP_PID,
++++storageBucket:+process.env.REACT_APP_SB,
++++messagingSenderId:+process.env.REACT_APP_SID,
++++appId:+process.env.REACT_APP_APPID,
++++measurementId:+process.env.REACT_APP_MID
};


firebase.initializeApp(config);
const+database+=+firebase.database();

export+{+database+};
export+default+firebase;|code-block|syntax|javascript|112581|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|R|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|S|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I think it is a copy paste error :)
in .env file
REACT_APP_DATABASE_URL
but i use
process.env.REACT_APP_DB
Please check it , it worked fine
<pre><code>import firebase from 'firebase/app'
import 'firebase/database';
const config = {
 apiKey: process.env.REACT_APP_APIKEY,
 authDomain: process.env.REACT_APP_AUTHDOMAIN,
 databaseURL: process.env.REACT_APP_DATABASE_URL,
 projectId: process.env.REACT_APP_PID,
 storageBucket: process.env.REACT_APP_SB,
 messagingSenderId: process.env.REACT_APP_SID,
 appId: process.env.REACT_APP_APPID,
 measurementId: process.env.REACT_APP_MID
};


firebase.initializeApp(config);
const database = firebase.database();

export { database };
export default firebase;
</code></pre>

blocks|key|1442171|text|我只是粘贴硬代码配置，它为我工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1442172|const+config+=+{
++apiKey:+"AIzaSyBA2C8S7****************-gCw",
++authDomain:+"e**********-2aa4c.firebaseapp.com",
++databaseURL:+"https://************.firebaseio.com",
++projectId:+"ea********2aa4c",
++storageBucket:+"ea************2aa4c.appspot.com",
++messagingSenderId:+"1765********26",
}|code-block|syntax|javascript|1442173|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I just paste the hardcode config and it worked for me
<pre><code>const config = {
 apiKey: &quot;AIzaSyBA2C8S7****************-gCw&quot;,
 authDomain: &quot;e**********-2aa4c.firebaseapp.com&quot;,
 databaseURL: &quot;https://************.firebaseio.com&quot;,
 projectId: &quot;ea********2aa4c&quot;,
 storageBucket: &quot;ea************2aa4c.appspot.com&quot;,
 messagingSenderId: &quot;1765********26&quot;,
}
</code></pre>

blocks|key|112637|text|我知道这是个老生常谈，但从昨晚开始我就一直面临着这个问题，我花了好几个小时绞尽脑汁想弄清楚我的代码到底出了什么问题。为了澄清，除了firebase数据库url之外，所有.env变量都由cra读取。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|112638|我尝试了以下步骤：|112639|检查拼写错误，同时检查.env变量，并查看url是否正确。|ordered-list-item|112640|我尝试将.env变量打印到控制台&屏幕上，但是当我这样做时，所有env变量的值都没有定义。这真的不应该发生，我很困惑。|112641|尝试了各种方法，将FIREBASE_DATABASE_URL的FIREBASE_DATABASE_URL变量名更改为一些随机变量，比如XYZ+(只是为了使其工作)，因为我认为某些env变量由于同名而发生冲突，但仍然无法工作。|112642|它唯一的工作方式是对其进行硬编码，但这是一次黑客攻击，而不是解决方案。|112643|需要注意的是第2点，即使在硬编码之后打印env时，控制台上的结果也是“未定义”的。所以没什么不对的，代码应该能工作，但为什么没有呢？出于纯粹的随机性，我打开了任务管理器(windows)。我注意到节点服务器正在运行，但我已经关闭了react服务器！我杀死了进程，重新启动了react服务器，现在它开始工作了。|112644|问题是在后台运行的陈旧节点服务器，代码没有任何问题。这也解决了第2点，console.log语句现在起作用了。|112645|这可能不是每个人的问题的解决方案，但它可能是或曾经是问者的问题3年前，因为他们的代码没有语法错误。|112646|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|X|8|@]|9|@]|A|$]]|$1|I|3|J|5|F|7|Y|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|Z|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|10|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|11|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|12|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|T|$]]

I know this a old thread, but I was facing this issue since last night and I spent hours racking my brain to figure out what was wrong with my code. To clarify, all .env variables were being read by cra except for the firebase database url.
I tried the following steps:
<ol>
<li>checked for spelling errors, both the .env variables and also to see if the url was correct, it was.</li>
<li>I tried printing the .env variables to console &amp; screen both, but when I did the values were undefined for all env variables. This really should not happen and I was baffled.</li>
<li>Tried various things, changed the .env variable name for FIREBASE_DATABASE_URL to something random like XYZ (just to make it work somehow) as I thought some env variables were colliding due to same name, still didn't work.</li>
<li>The only way it worked was har-coding it, but this was an hack and not a solution.</li>
</ol>
The thing to note was point 2. When printing the env vars even after hardcoding the result was 'undefined' on console.
So nothing was wrong, the code should work, but it didn't why?
Out of pure randomness, I opened the task manager (windows). I notices node servers were running, but I had already closed the react dev server!
I killed the processes and restarted the react server, and now it was working.
The issue was stale node servers running in background and nothing was wrong with the code. This also resolved point 2, the console.log statements were working now.
This might not be solution to everyone's issues but it might be or was to the asker's question 3 yrs back, as there is nothing syntactically wrong with their code.

blocks|key|112659|text|检查是否使用require('dotenv').config({+'path':+'.env.development'+})设置了环境变量。还请确保首先像上面那样使用set+env变量，然后在插件中插入firebaseConfig之后：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|112660|+new+webpack.DefinePlugin({
++'process.env.FIREBASE_API_KEY':+JSON.stringify(process.env.FIREBASE_API_KEY),+//+this+will+set+'process.env.FIREBASE_API_KEY'+to+actual+key+in+firebase.js+cause+we+do+not+directly+set+those+value+here+to+make+it+secure+excluding+.env+files.++++
++'process.env.FIREBASE_AUTH_DOMAIN':+JSON.stringify(process.env.FIREBASE_AUTH_DOMAIN),
++'process.env.FIREBASE_DATABASE_URL':+JSON.stringify(process.env.FIREBASE_DATABASE_URL),
++'process.env.FIREBASE_PROJECT_ID':+JSON.stringify(process.env.FIREBASE_PROJECT_ID),
++'process.env.FIREBASE_STORAGE_BUCKET':+JSON.stringify(process.env.FIREBASE_STORAGE_BUCKET),
++'process.env.FIREBASE_MESSAGING_SENDER_ID':+JSON.stringify(process.env.FIREBASE_MESSAGING_SENDER_ID),
++'process.env.FIREBASE_APP_ID':+JSON.stringify(process.env.FIREBASE_APP_ID),
++'process.env.FIREBASE_MEASUREMENTID':+JSON.stringify(process.env.FIREBASE_MEASUREMENTID)
})`+)|code-block|syntax|javascript|112661|entityMap^0|6|1K|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Check whether you have set environment variables using <code>require('dotenv').config({ 'path': '.env.development' })</code>. Also make sure that first you the set env variable as above, and then after insert firebaseConfig in Plugins:
<pre><code> new webpack.DefinePlugin({
 'process.env.FIREBASE_API_KEY': JSON.stringify(process.env.FIREBASE_API_KEY), // this will set 'process.env.FIREBASE_API_KEY' to actual key in firebase.js cause we do not directly set those value here to make it secure excluding .env files. 
 'process.env.FIREBASE_AUTH_DOMAIN': JSON.stringify(process.env.FIREBASE_AUTH_DOMAIN),
 'process.env.FIREBASE_DATABASE_URL': JSON.stringify(process.env.FIREBASE_DATABASE_URL),
 'process.env.FIREBASE_PROJECT_ID': JSON.stringify(process.env.FIREBASE_PROJECT_ID),
 'process.env.FIREBASE_STORAGE_BUCKET': JSON.stringify(process.env.FIREBASE_STORAGE_BUCKET),
 'process.env.FIREBASE_MESSAGING_SENDER_ID': JSON.stringify(process.env.FIREBASE_MESSAGING_SENDER_ID),
 'process.env.FIREBASE_APP_ID': JSON.stringify(process.env.FIREBASE_APP_ID),
 'process.env.FIREBASE_MEASUREMENTID': JSON.stringify(process.env.FIREBASE_MEASUREMENTID)
})` )
</code></pre>

I'm trying to use Firebase with my react app.

I have a file with the config as follows:

<pre><code>import * as firebase from 'firebase';

const config = {
 apiKey: process.env.FIREBASE_API_KEY,
 authDomain: process.env.FIREBASE_AUTH_DOMAIN,
 databaseURL: process.env.FIREBASE_DB_URL,
 projectId: process.env.FIREBASE_PROJECT_ID,
 storageBucket: process.env.FIREBASE_STORAGE_BUCKET,
 messagingSenderId: process.env.FIREBASE_MESSAGE_ID,
}

if (!firebase.apps.length) {
 firebase.initializeApp(config);
}

const database = firebase.database();
const auth = firebase.auth()

export {firebase, auth, database };
</code></pre>

When I try this, I get an error that says:

<blockquote>
 FIREBASE FATAL ERROR: Can't determine Firebase Database URL. Be sure to include databaseURL option when calling firebase.initializeApp(). 
</blockquote>

I can't understand this error because I have config included in the call to initialise the app. Config includes the database URL.

How do you initialise the database?

Firebase DatabaseURL - configuring firebase

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在尝试使用Firebase和我的react应用程序。我有一个配置文件如下所示：import * as firebase from 'firebase';const config = {  apiKey: process.env.FIREBASE_API_KEY,  authDomain: process.env.F...

问Firebase DatabaseURL -配置防火墙
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Firebase DatabaseURL -配置防火墙EN