警告：您似乎正在使用 Firebase JS SDK 的開發版本

Question

我已經將 Firebase 集成到我的 React.js 應用程序中： https ://firebase.google.com/docs/database/web/start

火.js：

 import firebase from 'firebase' var config = { apiKey: "####", authDomain: "#", databaseURL: "#", projectId: "#", storageBucket: "#", messagingSenderId: "#" }; var fire = firebase.initializeApp(config); export default fire;

應用程序.js：

 import fire from './fire'; class App extends Component { componentWillMount(){ let messagesRef = fire.database().ref('messages').orderByKey().limitToLast(100); } }

但是現在我在控制台中收到此警告：

看起來您正在使用 Firebase JS SDK 的開發版本。 將 Firebase 應用部署到生產環境時，建議僅導入您打算使用的各個 SDK 組件。

對於模塊構建，這些可以通過以下方式使用（替換為組件的名稱 - 即身份驗證、數據庫等）：

CommonJS 模塊：const firebase = require('firebase/app'); require('firebase/');

ES 模塊：從“firebase/app”導入 firebase； 導入'firebase/';

如何修復此警告？

我試過（在 fire.js 中）改變這個：

 import firebase from 'firebase'

對此：

 import firebase from 'firebase/app'

這導致此錯誤：

Answer 1

導入 firebase 的正確方法是這樣的：

import firebase from 'firebase/app';
import 'firebase/database'; // If using Firebase database
import 'firebase/storage';  // If using Firebase storage

Answer 2

導入 firebase 並消除警告的正確方法是：

始終以這種方式導入

import firebase from 'firebase/app';

然后根據需要導入每個子模塊（每個 firebase 服務）

import 'firebase/auth';        // for authentication
import 'firebase/storage';     // for storage
import 'firebase/database';    // for realtime database
import 'firebase/firestore';   // for cloud firestore
import 'firebase/messaging';   // for cloud messaging
import 'firebase/functions';   // for cloud functions

Answer 3

該警告提供了相當豐富的信息，並准確列出了您需要執行的操作。 在您的情況下，這是告訴您切換導入文件的方式的行：

ES 模塊：從“firebase/app”導入 firebase； 導入'firebase/';

在您的fire.js文件中嘗試更改此內容：

import firebase from 'firebase'

對此：

import firebase from 'firebase/app'

那應該清除它！

邊注：

就我而言，我使用的是firestore所以我有一個額外的導入，我也從：

import firestore from 'firebase/firestore'

到：

import 'firebase/firestore'