Предупреждение Firebase JS SDK при загрузке приложения в браузере (angular v5)

Question

Когда приложение загружается в браузер, оно выдает следующее предупреждение.Поэтому невозможно создать сборку для prod (ng build --aot --prod)

    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>';

Я использую следующие конфигурации

Angular CLI: 1.5.0
Node: 9.8.0
Angular: 5.1.3

"firebase": "^5.0.4",
"angularfire2": "^5.0.0-rc.10"

Пожалуйста, укажите, где я ошибаюсь.

Answer 1

Я добавляю следующий код, он работает для меня

require ("firebase / messaging");

Answer 2

В этом нет ничего действительно плохого, это скорее предупреждение и совет передового опыта.

Firebase состоит из различных сервисов / модулей, например, базы данных реального времени, Firestore, службы аутентификации и т. Д.

В большинстве проектов не используются ВСЕ эти сервисы, поэтомупредупреждение означает, что вместо импорта всех сервисов с одним глобальным импортом лучше импортировать только те сервисы, которые вам действительно нужны в вашем приложении.Таким образом, ваша сборка будет оптимизирована: полученные файлы сборки будут содержать только нужный вам код Firebase SDK и не будут содержать части, которые не используются.

См. Этот элемент документации:https://firebase.google.com/docs/web/setup и, в частности, часть, которая гласит:

Если вы используете такой пакет, как Browserify или webpack, вы можете просто потребовать () компоненты, которые вы используете.

---

Обновите после вашего комментария:

С ключевым словом import вы должны сделать следующее:

import messaging from 'firebase/messaging';