I am trying to use firebase from CDN files in my Angular App. My component looks below.
import { AngularFireStorage } from '@angular/fire/storage';
constructor( private storage: AngularFireStorage ) {}
uploadFile(event) {
const file = event.target.files[0];
const filePath = 'my-path';
const fileRef = this.storage.ref(filePath);
const task = this.storage.upload(filePath, file);
}
CDN script I get from the Firebase console looks like below. This is pasted on <head> section in index.html:
<script src="https://www.gstatic.com/firebasejs/7.21.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.21.0/firebase-storage.js"></script>
<script>
var firebaseConfig = {
apiKey: "",
authDomain: "",
...
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
firebase.storageBucket();
</script>
Now, how do I import/use AngularFireStorage in app.component.ts? I use Angular 10.
What I tried?
declare let AngularFireStorage: any;