Firebase `не является функцией` Ошибка с firebase 5.11.1 и выше

Question

С этим в моем package.json

"firebase": "^5.11.1",
"react-scripts": "3.0.1",

и последующим запуском react-scripts start

с этим index.js

import firebase from 'firebase/app';
import 'firebase/functions';

const config = {
  apiKey: "XXXXX-XXXXXXX",
  authDomain: "XXXXXXXXX.firebaseapp.com",
  databaseURL: "https://XXXXXXXXXX.firebaseio.com",
  projectId: "XXXXXXXXX",
  storageBucket: "XXXXXXX.appspot.com",
  messagingSenderId: "XXXXXXXXX"
};


firebase.initializeApp(config);

const functions = firebase.functions();

Я получаю эту ошибку.

TypeError: firebase_app__WEBPACK_IMPORTED_MODULE_0___default.a.functions is not a function
Module../src/index.js
src/index.js:16
  13 | 
  14 | firebase.initializeApp(config);
  15 | 
> 16 | const functions = firebase.functions();
  17 | 

что я делаю не так?

Answer 1

Вам тоже нужно импортировать Firebase

import firebase from 'firebase/app'

Кроме того, после выполнения этого вызова initializeApp() обязательно инициализируйте функции

firebase.functions()

ОБНОВЛЕНИЕ : в отношении кода вашего обновленного вопроса код должен работать, попробуйте удалить модули вашего узла и повторно запустить установку yarn или npm (в зависимости от того, какой менеджер пакетов вы используете)

Answer 2

Для этой ошибки в файле package-lock.json что-то было не так. когда я удалил его и установил npm, он начал работать.

Версия firebase, в которой возникла проблема, была запущена в 5.5.9. на 5.5.8 все работало нормально.