0
547
VistasAdvertencia: parece que está utilizando la compilación de desarrollo del SDK de Firebase JS
He integrado Firebase en mi aplicación React.js como tal: https://firebase.google.com/docs/database/web/start
fuego.js: import firebase from 'firebase' var config = { apiKey: "####", authDomain: "#", databaseURL: "#", projectId: "#", storageBucket: "#", messagingSenderId: "#" }; var fire = firebase.initializeApp(config); export default fire; Aplicación.js: import fire from './fire'; class App extends Component { componentWillMount(){ let messagesRef = fire.database().ref('messages').orderByKey().limitToLast(100); } }Pero ahora recibo esta advertencia en la consola:
Parece que estás usando la compilación de desarrollo del SDK de Firebase JS. Al implementar aplicaciones de Firebase en producción, se recomienda importar solo los componentes individuales del SDK que pretende usar.
Para las compilaciones de módulos, están disponibles de la siguiente manera (reemplace con el nombre de un componente, es decir, autenticación, base de datos, etc.):
Módulos CommonJS: const firebase = require('firebase/app'); require('base de fuego/');
Módulos ES: importa firebase desde 'firebase/app'; importar 'base de fuego/';
¿Cómo soluciono esta advertencia?
He intentado (en fire.js) cambiar esto:
import firebase from 'firebase'A esto:
import firebase from 'firebase/app' Eso da como resultado este error: 
3 Respuestas
Responde la pregunta0
La forma correcta de importar Firebase es la siguiente:
import firebase from 'firebase/app'; import 'firebase/database'; // If using Firebase database import 'firebase/storage'; // If using Firebase storage0
La forma correcta de importar firebase y deshacerse de las advertencias es:
Importar siempre de esta manera
import firebase from 'firebase/app';Luego importe cada submódulo (cada servicio de firebase) según sea necesario
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 functions0
La advertencia es bastante informativa y establece exactamente lo que debe hacer. En su caso, esta es la línea que le indica que cambie la forma en que importa sus archivos:
Módulos ES: importa firebase desde 'firebase/app'; importar 'base de fuego/';
En su archivo fire.js intente cambiar esto:
import firebase from 'firebase'A esto:
import firebase from 'firebase/app'¡Eso debería aclararlo!
Nota al margen:
En mi caso, estaba usando firestore , así que tenía una importación adicional que también cambié:
import firestore from 'firebase/firestore'Para:
import 'firebase/firestore'