Подключение хранилища пожарной базы с угловым 7

Question

Я хочу получить фотографию из хранилища Firebase в угловую 7, и когда я запускаю приложение, появляется какая-то ошибка, и я не могу ее решить.

мой код показан ниже:

app.module.ts

import { AngularFireModule } from 'angularfire2';
import { AngularFireStorageModule } from 'angularfire2/storage';

  imports: [
    BrowserModule,
    AngularFireModule.initializeApp(config),
    AngularFireStorageModule

app.component.ts

import { Component } from '@angular/core';
import { AngularFireStorage } from 'angularfire2/storage';
import firebase from 'firebase/firestore';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  firestore = firebase.storage();
  storageRef = firebase.storage.ref();

  title = 'aaa';
  constructor(private afStorage: AngularFireStorage) { }
  display() {
    this.storageRef = firebase.storage.ref('rasool/download2.jpg');
    this.storageRef.getDownloadURL().then(function(url) {
    console.log(url);
});
  }
}

app.component.html

<button (click)="display()"></button>

ошибка показывается в кли:

ПРЕДУПРЕЖДЕНИЕ в./src/app/app.component.ts 8:25-33 "экспорт" default "(импортированный как" firebase ") не найден в" firebase / firestore "

ПРЕДУПРЕЖДЕНИЕ в./src/app/app.component.ts 9:26-34 "экспорт" default "(импортированный как" firebase ") не найден в" firebase / firestore "

ПРЕДУПРЕЖДЕНИЕ в./src/app/app.component.ts 13:26-34 "экспорт" default "(импортированный как" firebase ") не найден в" firebase / firestore "i ｢wdm｣: составлено с предупреждениями.

как я могу решить эту ошибку, пожалуйста, помогите мне

У меня есть другой вопрос, является ли приведенный ниже раздел кода правильным???

this.storageRef = firebase.storage.ref('rasool/download2.jpg');
this.storageRef.getDownloadURL().then(function(url) {
console.log(url);

Answer 1

Для TypeScript:

import * as firebase from 'firebase';

В AppComponent:

storage = firebase.storage();        // Cloud Storage
firestore = firebase.firestore();    // Cloud Firestore

Или вы можете использовать AngularFireStorage напрямую получить ссылку на хранилище:

export class AppComponent {

  storageRef: AngularFireStorageReference;

  constructor(private afStorage: AngularFireStorage) { }

  display() {
    this.storageRef = afStorage.ref('rasool/download2.jpg');
    this.storageRef.getDownloadURL().subscribe(url => console.log(url));
  }
}

Answer 2

Чтобы подключить Firebase Storage к Angular, нам нужно сначала импортировать следующие модули в app.module.ts

import { AngularFireModule } from '@angular/fire';
import { AngularFireStorageModule } from '@angular/fire/storage';

добавить импорт для AngularFireModule и инициализировать его, а также добавить импорт для AngularFireStorageModule

AngularFireModule.initializeApp(environment.firebase,'firebase'),
AngularFireStorageModule,

Затем AngularFireStorage можно использовать в функции, сначала импортировав

import { AngularFireStorage } from "@angular/fire/storage";
import { FirebaseStorage } from "@angular/fire";

затем вставив его с помощью конструктора, создав переменную cloudStorage и назначив ее типу FirebaseStorage.

cloudStorage:FirebaseStorage;
constructor(private store:AngularFireStorage) { 
    this.cloudStorage= store.storage.app.storage();
  }

Затем переменную cloudStorage можно использовать для получения ссылки, с которой мы можем выполнять облачные функции.

Работа над Angular 8.2.2