How to connect firebase to Angular 2 - 2018 HD

How to connect firebase to Angular 2 - 2018, in this video you will learn how to connect firebase to angular 2 project BUT BUT... Some time you will receive error like "ERROR in Error: Metadata version mismatch for module /giant/cormoran/mgp-web/node_modules/@angular/material/core/typings/index.d.ts, found version 4, expected 3, resolving symbol AppModule in /giant/cormoran/mgp-web/src/app/app.module.ts, resolving symbol AppModule in /giant/cormoran/mgp-web/src/app/app.module.ts" THEN 1) you need to update your Angular CLI And update the details... 2) npm install -g node-gyp "GLOBALLY" Here down below i have specify my package.json file which will help to you during the create and run your application... { "name": "myappnew", "version": "0.0.0", "license": "MIT", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "^5.0.0", "@angular/common": "^5.0.0", "@angular/compiler": "^5.0.0", "@angular/core": "^5.0.0", "@angular/forms": "^5.0.0", "@angular/http": "^5.0.0", "@angular/platform-browser": "^5.0.0", "@angular/platform-browser-dynamic": "^5.0.0", "@angular/router": "^5.0.0", "angularfire2": "^5.0.0-rc.4", "core-js": "^2.4.1", "firebase": "^4.8.0", "rxjs": "^5.5.2", "zone.js": "^0.8.14" }, "devDependencies": { "@angular/cli": "1.6.0", "@angular/compiler-cli": "^5.0.0", "@angular/language-service": "^5.0.0", "@types/jasmine": "~2.5.53", "@types/jasminewd2": "~2.0.2", "@types/node": "~6.0.60", "codelyzer": "^4.0.1", "jasmine-core": "~2.6.2", "jasmine-spec-reporter": "~4.1.0", "karma": "~1.7.0", "karma-chrome-launcher": "~2.1.1", "karma-cli": "~1.0.1", "karma-coverage-istanbul-reporter": "^1.2.1", "karma-jasmine": "~1.1.0", "karma-jasmine-html-reporter": "^0.2.2", "protractor": "~5.1.2", "ts-node": "~3.2.0", "tslint": "~5.7.0", "typescript": "~2.4.2" } } Buy On amazon The product which i used and suggest to make Video :- IN USA Laptop :- http://amzn.to/2yhSoPx Micro Phone :- http://amzn.to/2ygIOMA Mouse :- http://amzn.to/2zFEZEX IN INDIA *Cheap & Best Budget microphone :- http://amzn.to/2xzbmR0 *Best Budget microphone :-http://amzn.to/2iMCQjT * 3.5mm Headphone mic splitter :- http://amzn.to/2xz1K92 * Boya Best mic ( Rs.2000) -http://amzn.to/2xyFGLL Angular 2 Tutorial in Hindi - English :- https://www.youtube.com/playlist?list=PLivhYAn6YqO57vVWnEK7c1t19CAKYj3F0&disable_polymer=true ASP.NET Core 2.0 Tutorial :- https://www.youtube.com/playlist?list=PLivhYAn6YqO7nBcXNSSS8DT4jqaV5lr3J meteor react tutorial in hindi :- https://www.youtube.com/playlist?list=PLivhYAn6YqO6I-tJUG1PGFgSKiZFwELFS Typescript Tutorial For beginners in hindi :- https://www.youtube.com/playlist?list=PLivhYAn6YqO7PhdqM0Fpf9jTJS-YG-1H8 InDesign CC 2017 Tutor