Firebase , Vue

Question

Witam, mam problem odnośnie firebase , lecę z kursem z Udemy i chyba już jest przestarzały .. mianowicie problem wygląda następująco. firebase wymusza utworzenie w vue pliku firebaseConfig.js , tam mam dodane: 

import firebase from 'firebase'
var config = {
    apiKey: "AIzaSyBgZXrlb4zwgeto7mqRZhFazoTEnl7PD_M",
    authDomain: "pizza-6ad41.firebaseapp.com",
    databaseURL: "https://pizza-6ad41.firebaseio.com",
    projectId: "pizza-6ad41",
    storageBucket: "pizza-6ad41.appspot.com",
    messagingSenderId: "93086388993"
  };
  
  const firebaseApp = firebase.initializeApp(config);
  const db = firebaseApp.database()
  export const dbMenuRef = db.ref('menu')

niby wszystko ok ale pokazuje mi się w konsoli uwaga : 

It looks like you're using the development build of the Firebase JS SDK.
When deploying Firebase apps to production, it is advisable to only import
the individual SDK components you intend to use.

For the module builds, these are available in the following manner
(replace <PACKAGE> with the name of a component - i.e. auth, database, etc):

CommonJS Modules:
const firebase = require('firebase/app');
require('firebase/<PACKAGE>');

ES Modules:
import firebase from 'firebase/app';
import 'firebase/<PACKAGE>';

Typescript:
import * as firebase from 'firebase/app';
import 'firebase/<PACKAGE>';

po akcji dodania tablicy do bazy firebase pokazuje mi się błąd :

index.esm.js?abfd:74 
[2018-12-01T14:59:13.218Z]  @firebase/database: FIREBASE WARNING: set at /menu/-LSeGx1Dz4uXHuTwIl1J failed: permission_denied 
defaultLogHandler @ 

index.esm.js?abfd:74
Logger.warn @ index.esm.js?abfd:160
warn @ index.cjs.js?3523:345
(anonymous) @ index.cjs.js?3523:12840
(anonymous) @ index.cjs.js?3523:12019
PersistentConnection.onDataMessage_ @ index.cjs.js?3523:12052
Connection.onDataMessage_ @ index.cjs.js?3523:11337
Connection.onPrimaryMessageReceived_ @ index.cjs.js?3523:11331
(anonymous) @ index.cjs.js?3523:11232
WebSocketConnection.appendFrame_ @ index.cjs.js?3523:10837
WebSocketConnection.handleIncomingFrame @ index.cjs.js?3523:10887
mySock.onmessage @ index.cjs.js?3523:10784
index.cjs.js?3523:13076 Uncaught (in promise) Error: PERMISSION_DENIED: Permission denied
    at eval (index.cjs.js?3523:13076)
    at exceptionGuard (index.cjs.js?3523:690)
    at Repo.callOnCompleteCallback (index.cjs.js?3523:13067)
    at eval (index.cjs.js?3523:12844)
    at eval (index.cjs.js?3523:12019)
    at PersistentConnection.onDataMessage_ (index.cjs.js?3523:12052)
    at Connection.onDataMessage_ (index.cjs.js?3523:11337)
    at Connection.onPrimaryMessageReceived_ (index.cjs.js?3523:11331)
    at WebSocketConnection.eval [as onMessage] (index.cjs.js?3523:11232)
    at WebSocketConnection.appendFrame_ (index.cjs.js?3523:10837)

 

Answer 1

Błąd jest związany z uprawnieniami i w prost to mówi

failed: permission_denied

Uprawnienia zmieniasz w konsoli firebase.

Ta uwaga też mówi jak się jej pozbyć

// to
import firebase from 'firebase/app';
import 'firebase/database';

// zamiast tego
import firebase from 'firebase'

Prosta optymalizacja, zamiast pobierać wszystkie komponenty firebase, pobiera tylko te, których używasz - w tym przypadku samej bazy danych