Ernesto Palafox
Just what i was looking for, thanks for sharing!
Rodrigo Real
I'm glad you liked.
All you need to start with Firebase and Ionic 2
Sign up and sign in with Email and Password
I don't recommend download the .zip file, it will probably be outdated.
To start editing this code, make sure that NodeJS is installed in your workspace. Then run the following npm command to install ionic 2 globally:
npm install -g ionic
Clone the repository from github via HTTPS or SSH:
git clone https://github.com/rodrigoreal/ionic2-angularfire-login.git
git clone git@github.com:rodrigoreal/ionic2-angularfire-login.git
https://github.com/rodrigoreal/ionic2-angularfire-login/blob/master/README.md
Hey there! You'll need to log in before you can leave a comment here.
Hi, this works with Firebase 3 ? Thanks
Not at this moment, i'm waiting for angularfire release an update working with the Firebase SDK 3
@FelixOtamendi Just want to let you know that the project is working with the Firebase SDK v3 now
Thanks man! I will try!
this.app.getComponent (app.ts line 37) has now been deprecated and you should use:- import {Component, ViewChild} from "@angular/core"; ... @Component({ templateUrl: "build/app.html", queries:{ nav: new ViewChild('content') } })
Thanks for the feedback, it has been fixed now
Has it? I tried ionic serve but seeing a blank screen
@Kwadwo it was just deprecated, it was working and still are. Did you install the node modules? "npm install" What are the errors in the console log?
How embarrassing . I did not do that. Thanks
I have a project due this week that needs firebase. Does anyone have good links to creating full stack ionic 2 apps with firebase ?
Sorry man, but i don't have one, i learned from their github: https://github.com/angular/angularfire2#developer-guide You may have some better luck at the ionic 2 forum: https://forum.ionicframework.com/c/ionic-2
Hello Rodrigo Real, is your project working with the new Firebase SDK, i'm getting Uncaught TypeError: Cannot read property 'FacebookAuthProvider' of undefined
Not at this moment, angularfire2 released an update 3 days ago with the new SDK, i'll make some tests this week and if it is stable enougth i'll update the project
@DerrickMiller Just want to let you know that the project is working with the Firebase SDK v3 now
Thanks, I'll test it out later today..
Hi Thanks a lot for providing this free starter! When i try to start it with ionic serve i get the following typescript errors: TypeScript error: /Users/patt/login-master/app/pages/home/home.ts(27,53): Error TS2339: Property 'displayName' does not exist on type 'CommonOAuthCredential'. TypeScript error: /Users/patt/login-master/app/pages/home/home.ts(30,51): Error TS2339: Property 'displayName' does not exist on type 'GoogleCredential'. TypeScript error: /Users/patt/login-master/app/pages/home/home.ts(32,32): Error TS2339: Property 'password' does not exist on type 'FirebaseAuthState'. TypeScript error: /Users/patt/login-master/app/pages/home/home.ts(33,44): Error TS2339: Property 'password' does not exist on type 'FirebaseAuthState'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/database/database.d.ts(9,29): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/database/database.d.ts(10,31): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(12,20): Error TS1112: A class member cannot be declared optional. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(15,40): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(16,52): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(16,92): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(17,51): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(17,119): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(20,56): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth_backend.d.ts(6,82): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth_backend.d.ts(8,49): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth_backend.d.ts(13,46): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth_backend.d.ts(41,11): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth_backend.d.ts(60,55): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_factory.d.ts(5,74): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_factory.d.ts(5,104): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(6,23): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(7,26): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(8,26): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(9,35): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(15,50): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(15,80): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(17,11): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(17,41): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(18,23): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(18,53): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(20,21): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(21,53): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(22,39): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(23,83): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_factory.d.ts(4,76): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_observable.d.ts(6,17): Error TS1112: A class member cannot be declared optional. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_observable.d.ts(7,102): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_observable.d.ts(9,22): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_observable.d.ts(10,28): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_observable.d.ts(11,15): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: app/app.ts(42,60): Error TS2345: Argument of type 'string' is not assignable to parameter of type 'FirebaseAppConfig'. 9.7 MB bytes written (5.79 seconds) [19:12:59] Finished 'watch' after 9.95 s [19:12:59] Starting 'serve:before'... [19:12:59] Finished 'serve:before' after 5.56 μs Running live reload server: http://localhost:35729 Watching: www/**/*, !www/lib/**/* √ Running dev server: http://localhost:8100 Ionic server commands, enter:
Thanks man, i have fix that now, the problem was that angularfire2 released a new version 3 days ago(2.0.0-beta.1), and the new version requires firebase 3+, ill make some tests with the angularfire new version, and if it is stable ill update the project. But for now i fixed the angularfire version with 2.0.0-beta.0 and it is working perfect. You can pull the project or just run npm install angularfire2@2.0.0-beta.0
I'm getting this error when trying npm install: npm WARN package.json ionic2-angularfire-login@ No repository field. npm WARN package.json ionic2-angularfire-login@ No license field. npm ERR! Darwin 15.5.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" npm ERR! node v4.4.2 npm ERR! npm v2.15.0 npm ERR! code EPEERINVALID npm ERR! peerinvalid The package @angular/common@2.0.0-rc.3 does not satisfy its siblings' peerDependencies requirements! npm ERR! peerinvalid Peer @angular/platform-browser@2.0.0-rc.3 wants @angular/common@2.0.0-rc.3 npm ERR! peerinvalid Peer @angular/platform-browser-dynamic@2.0.0-rc.3 wants @angular/common@2.0.0-rc.3 npm ERR! peerinvalid Peer @angular/router@2.0.0-rc.2 wants @angular/common@^2.0.0-rc npm ERR! peerinvalid Peer angularfire2@2.0.0-beta.1 wants @angular/common@2.0.0-rc.1 npm ERR! peerinvalid Peer ionic-angular@2.0.0-beta.9 wants @angular/common@^2.0.0-rc.1 npm ERR! Please include the following file with any support request:
Can you go inside your project directory and type ionic info and paste here? Thanks
Here you go! our system information: Cordova CLI: 6.1.1 Ionic Framework Version: 2.0.0-beta.9 Ionic CLI Version: 2.0.0-beta.25 Ionic App Lib Version: 2.0.0-beta.15 ios-deploy version: 1.8.6 ios-sim version: 5.0.8 OS: Mac OS X El Capitan Node Version: v4.4.2 Xcode version: Xcode 7.3.1 Build version 7D1014
Just downloaded, ran npm install and build for ios and getting the page served without login screen, am I suppose to do anything else? Device console says: 2016-06-30 10:09:02.383 ionic2-angularfire-login[7496:10000211] Resetting plugins due to page load. 2016-06-30 10:09:03.059 ionic2-angularfire-login[7496:10000211] Finished load of: file:///Users/test/Library/Developer/CoreSimulator/Devices/3FFBC7FC-9674-4372-9779-C8A9B866B54F/data/Containers/Bundle/Application/AF61A5F8-22B7-43C5-8D30-4C95B6EB7DC1/ionic2-angularfire-login.app/www/index.html 2016-06-30 10:09:03.538 ionic2-angularfire-login[7496:10000211] EXCEPTION: Error: This operation is not supported in the environment this application is running on. "location.protocol" must be http or https. 2016-06-30 10:09:03.538 ionic2-angularfire-login[7496:10000211] ERROR: EXCEPTION: Error: This operation is not supported in the environment this application is running on. "location.protocol" must be http or https. Ionic information: Cordova CLI: 6.2.0 Gulp version: CLI version 3.9.1 Gulp local: Local version 3.9.1 Ionic CLI Version: 2.0.0-beta.32 Ionic App Lib Version: 2.0.0-beta.18 ios-deploy version: 1.8.6 ios-sim version: 5.0.3 OS: Mac OS X El Capitan Node Version: v5.12.0 Xcode version: Xcode 7.3.1 Build version 7D1014
@RodrigoReal can we speak somewhere?
I'm going to test it today, i only tested on android device and browser, so ill check if there is a problem at iOS. Sure, you can find me at the ionic slack with the user rodrigoreal and send me a direct message or skype diigoxd
I get errors around missing plugins, do you have details which plugins need to be installed Cannot find name 'facebookConnectPlugin'
Hi Rodrigo, Tried this in android simulator but i'm getting "Error TS2304: Cannot find name 'facebookConnectPlugin'." and " Cannot find namespace 'firebase' "
Update: I was able to run it for now via a simulator in android but it just shows a blank white space :(
I get the same issue, here is my ionic info output Your system information: Cordova CLI: 6.3.1 Ionic Framework Version: 2.0.0-beta.9 Ionic CLI Version: 2.0.0-beta.37 Ionic App Lib Version: 2.0.0-beta.20 ios-deploy version: 1.8.6 ios-sim version: 5.0.8 OS: Mac OS X El Capitan Node Version: v6.5.0 Xcode version: Xcode 7.3.1 Build version 7D1014
Hi Rodrigo, could you help me understand how I can get other Facebook info using your starter? I can already get users' name, email and picture. But for example, how can I get their Facebook ID or birthday? Thanks a lot for your awesome work!
Assuming this could work with twitter with the appropriate tweaks?? many thx!
Of couse it can, sorry for the late response, had any troubles?
Hi Is someone going to update this demo ?
Sorry but i', not going to update the .zip as i commit on git, as i recommended don't download the .zip, just clone my repo and follow the instructions on the readme
Thank you mate ; I just started learning Ionic and your starter is awesome. But I have a question : you have a "user" variable on app.component.ts, but how can we access this variable on a page ? Should we call getUserData from AuthProvider on each page where you need to be logged in ? Thanks
There's no login with Google button under auth/home.html. Did you take it out for some reason?
Hey there, I followed your readme word for word but unfortunately I ended up with this error: "There was an error in config file "/config/copy.config.js". Using defaults instead. TypeError: Cannot read property 'push' of undefined Anybody else stuck with this error? Does anyone know how to solve this? Thnks
@Daniel i've just update the project with the latest ionic version. Can you follow the instructions on github?https://github.com/rodrigoreal/ionic2-angularfire-login
@RodrigoReal I just followed de readme again and I ended up with the same error again. Here's what I'm getting http://imgur.com/a/m1uGl, sorry if this is a silly error, I'm just starting with Ionic/Angular and Firebase :(
I'm seeing some rollup error, ionic was using that when it was on beta, now is webpack, and i've updated that today. Did you git pull after i tell you to follow the instructions? Because i've updated the entire project, and you should do an npm again.
Yes, to be sure I discarded my old project and cloned it again, after this I followed the readme from the start and ended up with the same error. The only warning when I run 'npm install' is this one => npm WARN angularfire2@2.0.0-beta.8 requires a peer of rxjs@^5.0.1 but none was installed. But I don't think it's related.
Yes, to be sure I discarded my old project and cloned it again, after this I followed the readme from the start and ended up with the same error. The only warning when I run 'npm install' is this one => npm WARN angularfire2@2.0.0-beta.8 requires a peer of rxjs@^5.0.1 but none was installed. But I don't think it's related.
Can you type `ionic info` on your terminal and paste here the logs? And if you start a new project `ionic start test --v2` and do an `ionic serve` it work?
Here's what i got after ionic info: Cordova CLI: 6.5.0 Ionic Framework Version: 2.0.1 Ionic CLI Version: 2.2.1 Ionic App Lib Version: 2.2.0 Ionic App Scripts Version: 1.1.0 ios-deploy version: 1.9.1 ios-sim version: 5.0.13 OS: macOS Sierra Node Version: v6.9.5 Xcode version: Xcode 8.2.1 Build version 8C1002 Yes, if I create a new project and run ionic serve it works just fine.
Sorry man, but i really don't know why you are getting these errors :( I've just cloned the repo here again now, and it is working just fine. I'm trying to reproduce the error, but no success with that too.
Okay then :( It must be related to my project or something with my distro I don't know, I'll try to fix and if I find a solution I'll post here. Thanks anyway :)
Hi, I have issue about "plugin not installed" when the click login with facebook button. How can fix this?
Getting a live reload error. after signing up or signing in. Please find the image http://imgur.com/a/Ia1ss
Getting a live reload error. after signing up or signing in. Please find the image https://s2.postimg.org/n86rxjvsp/livereload.jpg
Tried your starter app. Facebook login works fine, however, creating an email login saves the email and password in Firebase OK, however, on trying to log in with those credentials, it just goes back to the login page. Same if I manually create the user and password in the Firebase Console, still no acceptance in the app and returns to login page, rather than "Home" page. Any ideas?
Followed your read me document, and I have it all open in the code editor. When I run it all I get is the blank Ionic template 'the world is your oyster'. I'm obviously missing a key step.
Followed your read me document, and I have it all open in the code editor. When I run it all I get is the blank Ionic template 'the world is your oyster'. I'm obviously missing a key step.
Tried your starter app. Facebook login works fine, however, creating an email login saves the email and password in Firebase OK, however, on trying to log in with those credentials, it just goes back to the login page. Same if I manually create the user and password in the Firebase Console, still no acceptance in the app and returns to login page, rather than "Home" page. Any ideas?
Getting a live reload error. after signing up or signing in. Please find the image https://s2.postimg.org/n86rxjvsp/livereload.jpg
Getting a live reload error. after signing up or signing in. Please find the image http://imgur.com/a/Ia1ss
Hi, I have issue about "plugin not installed" when the click login with facebook button. How can fix this?
Hey there, I followed your readme word for word but unfortunately I ended up with this error: "There was an error in config file "/config/copy.config.js". Using defaults instead. TypeError: Cannot read property 'push' of undefined Anybody else stuck with this error? Does anyone know how to solve this? Thnks
@Daniel i've just update the project with the latest ionic version. Can you follow the instructions on github?https://github.com/rodrigoreal/ionic2-angularfire-login
@RodrigoReal I just followed de readme again and I ended up with the same error again. Here's what I'm getting http://imgur.com/a/m1uGl, sorry if this is a silly error, I'm just starting with Ionic/Angular and Firebase :(
I'm seeing some rollup error, ionic was using that when it was on beta, now is webpack, and i've updated that today. Did you git pull after i tell you to follow the instructions? Because i've updated the entire project, and you should do an npm again.
Yes, to be sure I discarded my old project and cloned it again, after this I followed the readme from the start and ended up with the same error. The only warning when I run 'npm install' is this one => npm WARN angularfire2@2.0.0-beta.8 requires a peer of rxjs@^5.0.1 but none was installed. But I don't think it's related.
Yes, to be sure I discarded my old project and cloned it again, after this I followed the readme from the start and ended up with the same error. The only warning when I run 'npm install' is this one => npm WARN angularfire2@2.0.0-beta.8 requires a peer of rxjs@^5.0.1 but none was installed. But I don't think it's related.
Can you type `ionic info` on your terminal and paste here the logs? And if you start a new project `ionic start test --v2` and do an `ionic serve` it work?
Here's what i got after ionic info: Cordova CLI: 6.5.0 Ionic Framework Version: 2.0.1 Ionic CLI Version: 2.2.1 Ionic App Lib Version: 2.2.0 Ionic App Scripts Version: 1.1.0 ios-deploy version: 1.9.1 ios-sim version: 5.0.13 OS: macOS Sierra Node Version: v6.9.5 Xcode version: Xcode 8.2.1 Build version 8C1002 Yes, if I create a new project and run ionic serve it works just fine.
Sorry man, but i really don't know why you are getting these errors :( I've just cloned the repo here again now, and it is working just fine. I'm trying to reproduce the error, but no success with that too.
Okay then :( It must be related to my project or something with my distro I don't know, I'll try to fix and if I find a solution I'll post here. Thanks anyway :)
There's no login with Google button under auth/home.html. Did you take it out for some reason?
Thank you mate ; I just started learning Ionic and your starter is awesome. But I have a question : you have a "user" variable on app.component.ts, but how can we access this variable on a page ? Should we call getUserData from AuthProvider on each page where you need to be logged in ? Thanks
Hi Is someone going to update this demo ?
Sorry but i', not going to update the .zip as i commit on git, as i recommended don't download the .zip, just clone my repo and follow the instructions on the readme
Assuming this could work with twitter with the appropriate tweaks?? many thx!
Of couse it can, sorry for the late response, had any troubles?
Hi, this works with Firebase 3 ? Thanks
Not at this moment, i'm waiting for angularfire release an update working with the Firebase SDK 3
@FelixOtamendi Just want to let you know that the project is working with the Firebase SDK v3 now
Thanks man! I will try!
Hi Rodrigo, Tried this in android simulator but i'm getting "Error TS2304: Cannot find name 'facebookConnectPlugin'." and " Cannot find namespace 'firebase' "
Update: I was able to run it for now via a simulator in android but it just shows a blank white space :(
I get the same issue, here is my ionic info output Your system information: Cordova CLI: 6.3.1 Ionic Framework Version: 2.0.0-beta.9 Ionic CLI Version: 2.0.0-beta.37 Ionic App Lib Version: 2.0.0-beta.20 ios-deploy version: 1.8.6 ios-sim version: 5.0.8 OS: Mac OS X El Capitan Node Version: v6.5.0 Xcode version: Xcode 7.3.1 Build version 7D1014
I get errors around missing plugins, do you have details which plugins need to be installed Cannot find name 'facebookConnectPlugin'
Just downloaded, ran npm install and build for ios and getting the page served without login screen, am I suppose to do anything else? Device console says: 2016-06-30 10:09:02.383 ionic2-angularfire-login[7496:10000211] Resetting plugins due to page load. 2016-06-30 10:09:03.059 ionic2-angularfire-login[7496:10000211] Finished load of: file:///Users/test/Library/Developer/CoreSimulator/Devices/3FFBC7FC-9674-4372-9779-C8A9B866B54F/data/Containers/Bundle/Application/AF61A5F8-22B7-43C5-8D30-4C95B6EB7DC1/ionic2-angularfire-login.app/www/index.html 2016-06-30 10:09:03.538 ionic2-angularfire-login[7496:10000211] EXCEPTION: Error: This operation is not supported in the environment this application is running on. "location.protocol" must be http or https. 2016-06-30 10:09:03.538 ionic2-angularfire-login[7496:10000211] ERROR: EXCEPTION: Error: This operation is not supported in the environment this application is running on. "location.protocol" must be http or https. Ionic information: Cordova CLI: 6.2.0 Gulp version: CLI version 3.9.1 Gulp local: Local version 3.9.1 Ionic CLI Version: 2.0.0-beta.32 Ionic App Lib Version: 2.0.0-beta.18 ios-deploy version: 1.8.6 ios-sim version: 5.0.3 OS: Mac OS X El Capitan Node Version: v5.12.0 Xcode version: Xcode 7.3.1 Build version 7D1014
@RodrigoReal can we speak somewhere?
I'm going to test it today, i only tested on android device and browser, so ill check if there is a problem at iOS. Sure, you can find me at the ionic slack with the user rodrigoreal and send me a direct message or skype diigoxd
I'm getting this error when trying npm install: npm WARN package.json ionic2-angularfire-login@ No repository field. npm WARN package.json ionic2-angularfire-login@ No license field. npm ERR! Darwin 15.5.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" npm ERR! node v4.4.2 npm ERR! npm v2.15.0 npm ERR! code EPEERINVALID npm ERR! peerinvalid The package @angular/common@2.0.0-rc.3 does not satisfy its siblings' peerDependencies requirements! npm ERR! peerinvalid Peer @angular/platform-browser@2.0.0-rc.3 wants @angular/common@2.0.0-rc.3 npm ERR! peerinvalid Peer @angular/platform-browser-dynamic@2.0.0-rc.3 wants @angular/common@2.0.0-rc.3 npm ERR! peerinvalid Peer @angular/router@2.0.0-rc.2 wants @angular/common@^2.0.0-rc npm ERR! peerinvalid Peer angularfire2@2.0.0-beta.1 wants @angular/common@2.0.0-rc.1 npm ERR! peerinvalid Peer ionic-angular@2.0.0-beta.9 wants @angular/common@^2.0.0-rc.1 npm ERR! Please include the following file with any support request:
Can you go inside your project directory and type ionic info and paste here? Thanks
Here you go! our system information: Cordova CLI: 6.1.1 Ionic Framework Version: 2.0.0-beta.9 Ionic CLI Version: 2.0.0-beta.25 Ionic App Lib Version: 2.0.0-beta.15 ios-deploy version: 1.8.6 ios-sim version: 5.0.8 OS: Mac OS X El Capitan Node Version: v4.4.2 Xcode version: Xcode 7.3.1 Build version 7D1014
Hi Thanks a lot for providing this free starter! When i try to start it with ionic serve i get the following typescript errors: TypeScript error: /Users/patt/login-master/app/pages/home/home.ts(27,53): Error TS2339: Property 'displayName' does not exist on type 'CommonOAuthCredential'. TypeScript error: /Users/patt/login-master/app/pages/home/home.ts(30,51): Error TS2339: Property 'displayName' does not exist on type 'GoogleCredential'. TypeScript error: /Users/patt/login-master/app/pages/home/home.ts(32,32): Error TS2339: Property 'password' does not exist on type 'FirebaseAuthState'. TypeScript error: /Users/patt/login-master/app/pages/home/home.ts(33,44): Error TS2339: Property 'password' does not exist on type 'FirebaseAuthState'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/database/database.d.ts(9,29): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/database/database.d.ts(10,31): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(12,20): Error TS1112: A class member cannot be declared optional. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(15,40): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(16,52): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(16,92): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(17,51): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(17,119): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth.d.ts(20,56): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth_backend.d.ts(6,82): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth_backend.d.ts(8,49): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth_backend.d.ts(13,46): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth_backend.d.ts(41,11): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/providers/auth_backend.d.ts(60,55): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_factory.d.ts(5,74): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_factory.d.ts(5,104): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(6,23): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(7,26): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(8,26): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(9,35): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(15,50): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(15,80): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(17,11): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(17,41): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(18,23): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(18,53): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(20,21): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(21,53): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(22,39): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_list_observable.d.ts(23,83): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_factory.d.ts(4,76): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_observable.d.ts(6,17): Error TS1112: A class member cannot be declared optional. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_observable.d.ts(7,102): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_observable.d.ts(9,22): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_observable.d.ts(10,28): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: /Users/patt/login-master/node_modules/angularfire2/utils/firebase_object_observable.d.ts(11,15): Error TS2503: Cannot find namespace 'firebase'. TypeScript error: app/app.ts(42,60): Error TS2345: Argument of type 'string' is not assignable to parameter of type 'FirebaseAppConfig'. 9.7 MB bytes written (5.79 seconds) [19:12:59] Finished 'watch' after 9.95 s [19:12:59] Starting 'serve:before'... [19:12:59] Finished 'serve:before' after 5.56 μs Running live reload server: http://localhost:35729 Watching: www/**/*, !www/lib/**/* √ Running dev server: http://localhost:8100 Ionic server commands, enter:
Thanks man, i have fix that now, the problem was that angularfire2 released a new version 3 days ago(2.0.0-beta.1), and the new version requires firebase 3+, ill make some tests with the angularfire new version, and if it is stable ill update the project. But for now i fixed the angularfire version with 2.0.0-beta.0 and it is working perfect. You can pull the project or just run npm install angularfire2@2.0.0-beta.0
Hello Rodrigo Real, is your project working with the new Firebase SDK, i'm getting Uncaught TypeError: Cannot read property 'FacebookAuthProvider' of undefined
Not at this moment, angularfire2 released an update 3 days ago with the new SDK, i'll make some tests this week and if it is stable enougth i'll update the project
@DerrickMiller Just want to let you know that the project is working with the Firebase SDK v3 now
Thanks, I'll test it out later today..
I have a project due this week that needs firebase. Does anyone have good links to creating full stack ionic 2 apps with firebase ?
Sorry man, but i don't have one, i learned from their github: https://github.com/angular/angularfire2#developer-guide You may have some better luck at the ionic 2 forum: https://forum.ionicframework.com/c/ionic-2
this.app.getComponent (app.ts line 37) has now been deprecated and you should use:- import {Component, ViewChild} from "@angular/core"; ... @Component({ templateUrl: "build/app.html", queries:{ nav: new ViewChild('content') } })
Thanks for the feedback, it has been fixed now
Has it? I tried ionic serve but seeing a blank screen
@Kwadwo it was just deprecated, it was working and still are. Did you install the node modules? "npm install" What are the errors in the console log?
How embarrassing . I did not do that. Thanks
Hi Rodrigo, could you help me understand how I can get other Facebook info using your starter? I can already get users' name, email and picture. But for example, how can I get their Facebook ID or birthday? Thanks a lot for your awesome work!
Hey there! You'll need to log in before you can leave a rating here.
Just what i was looking for, thanks for sharing!
Great job Rodrigo for keeping up to date with Ionic Beta 8
Great job. This helps me getting started on ionic2 with Firebase. Keep up good work.
Excelente Aplicación para iniciar con ionic2 y firebase
Easy to modify! Great job!
Easy to modify! Great job!
Easy to modify! Great job!
Easy to modify! Great job!
Awesome
Huge Thanks!! With a very small tweak I was able to get both Google and Facebook Login working on iOS emulator and device. With Logout button it was easy to test and validate.
Very niice! Tks!
{{ rating.comment }}
{{ rating.comment }}
Very niice! Tks!
Huge Thanks!! With a very small tweak I was able to get both Google and Facebook Login working on iOS emulator and device. With Logout button it was easy to test and validate.
Awesome
Easy to modify! Great job!
Easy to modify! Great job!
Great job Rodrigo for keeping up to date with Ionic Beta 8
Easy to modify! Great job!
Excelente Aplicación para iniciar con ionic2 y firebase
Great job. This helps me getting started on ionic2 with Firebase. Keep up good work.
Just what i was looking for, thanks for sharing!
Easy to modify! Great job!