- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试进行 native facebook 登录,但出现此错误
Uncaught (in promise): TypeError: Cannot read property 'apply' of undefined
我给你看我所有的项目代码。只是说它让我成功连接到 Facebook,但它向我显示了这些错误。
import { Component, ViewChild } from '@angular/core';
import { Platform, Nav } from 'ionic-angular';
import { StatusBar, Splashscreen, NativeStorage } from 'ionic-native';
import { LoginPage } from '../pages/login/login';
import { UserPage } from '../pages/user/user';
@Component({
template: `<ion-nav [root]="rootPage"></ion-nav>`
})
export class MyApp {
@ViewChild(Nav) nav: Nav;
rootPage: any;
constructor(platform: Platform) {
platform.ready().then(() => {
// Here we will check if the user is already logged in
// because we don't want to ask users to log in each time they open the app
let env = this;
NativeStorage.getItem('user')
.then( function (data) {
// user is previously logged and we have his data
// we will let him access the app
env.nav.push(UserPage);
Splashscreen.hide();
}, function (error) {
//we don't have the user data so we will ask him to log in
env.nav.push(LoginPage);
Splashscreen.hide();
});
StatusBar.styleDefault();
});
}
}
/*import { Component,ViewChild } from '@angular/core';
import { Platform,Nav, LoadingController} from 'ionic-angular';
import { StatusBar, Splashscreen } from 'ionic-native';
//import pages
import { HomePage } from '../pages/home/home';
import { LoginPage } from '../pages/login/login';
import { SignupPage } from '../pages/signup/signup';
import { TabsPage } from '../pages/tabs/tabs';
import { AboutPage } from '../pages/about/about';
import {StudentsPage} from '../pages/students/students';
//import plugins
import firebase from 'firebase';
//import {AngularFire, FirebaseListObservable} from 'angularfire2';
@Component({
template: `<ion-nav [root]="rootPage"></ion-nav>`
})
export class MyApp {
@ViewChild(Nav) nav: Nav;
public rootPage:any;
//ref firebase
public semesters:any;
public userProfile: any;
//user variables
public currentUser: any;
public id_user:any;
public reg_boolean:any;
public department:any;
public year:any;
public semester:any;
public semesterdetails:any;
constructor(platform: Platform, public loadingCtrl: LoadingController) {
firebase.initializeApp({
apiKey: "AIzaSyDOpRshkjuy_tGXSzw34RFHXmAFelyAUt0",
authDomain: "haversami.firebaseapp.com",
databaseURL: "https://haversami.firebaseio.com",
storageBucket: "haversami.appspot.com",
messagingSenderId: "704224601349"
});
//get user details
// this.currentUser = firebase.auth().currentUser;//to uncomment
this.userProfile = firebase.database().ref('/users');
this.semesters = firebase.database().ref('/Semesters/sem');
// this.id_user=this.af.auth.getAuth().uid; // to uncomment
this.currentUser='1qfcMAQnglX9jsW5GdLpPko1HqE2';
this.getUserProfile().on('value', (data) => {
this.userProfile = data.val();
this.reg_boolean = this.userProfile.reg_boolean;
this.department=this.userProfile.depName;
this.year=this.userProfile.year;
console.log("enter:"+this.department+this.year);
console.log(this.reg_boolean);
});
this.getSemester().on('value', (data) => {
this.semesterdetails = data.val();
this.semester = this.semesterdetails.sem_id;
console.log(this.semester);
});
//check if user connected
firebase.auth().onAuthStateChanged((user) => {
var that=this;
console.log("#1"+user);
if (user) {
if(this.reg_boolean==true){
console.log("adirush");
this.nav.setRoot(TabsPage,{
dep:this.department,year:this.year,semester:this.semester
})
//this.rootPage=TabsPage;
this.rootPage=TabsPage;
}
else{
this.rootPage = SignupPage;
}
console.log("I'm here! HomePage");
} else {
this.rootPage = LoginPage;
console.log("I'm here! LoginPage");
}
});
let loader = this.loadingCtrl.create();
loader.present();
this.listenToUserStatusUpdate(loader);
/*
let fireBaseUser = firebase.auth().currentUser;
console.log(fireBaseUser);
if (fireBaseUser) {
if(this.reg_boolean=="true"){
console.log("adirush");
this.nav.setRoot(TabsPage,{
dep:this.department,year:this.year,semester:this.semester
})
this.rootPage=TabsPage;
}
else{
this.rootPage = SignupPage;
}
console.log("I'm here! HomePage");
} else {
this.rootPage = LoginPage;
console.log("I'm here! LoginPage");
}
//this.rootPage = fireBaseUser ? SignupPage : LoginPage;
platform.ready().then(() => {
// Okay, so the platform is ready and our plugins are available.
// Here you can do any higher level native things you might need.
StatusBar.styleDefault();
Splashscreen.hide();
});
}
listenToUserStatusUpdate(loader: any) {
firebase.auth().onAuthStateChanged((user) => {
if(loader)
loader.dismiss();
console.log("The User:", user);
if (user) {
if(this.reg_boolean=="true"){
console.log("adirush");
this.nav.setRoot(TabsPage,{
dep:this.department,year:this.year,semester:this.semester
})
this.rootPage=TabsPage;
}
else{
this.nav.setRoot(SignupPage);
}
} else {
this.nav.setRoot(LoginPage);
}
});
}
getUserProfile(): any {
//return this.userProfile.child(this.currentUser.uid); to uncomment
return this.userProfile.child(this.currentUser);
}
getSemester():any{
return this.semesters.child("0");
}
}
*/
登录页面.ts
import { Component } from '@angular/core';
import { Facebook, NativeStorage } from 'ionic-native';
import { NavController } from 'ionic-angular';
import { UserPage } from '../user/user';
@Component({
selector: 'page-login',
templateUrl: 'login.html'
})
export class LoginPage {
FB_APP_ID: number = 1816752771906363;
constructor(public navCtrl: NavController) {
Facebook.browserInit(this.FB_APP_ID, "v2.8");
}
doFbLogin(){
let permissions = new Array<string>();
let nav = this.navCtrl;
//the permissions your facebook app needs from the user
permissions = ["public_profile"];
Facebook.login(permissions)
.then(function(response){
let userId = response.authResponse.userID;
let params = new Array<string>();
//Getting name and gender properties
Facebook.api("/me?fields=name,gender", params)
.then(function(user) {
user.picture = "https://graph.facebook.com/" + userId + "/picture?type=large";
//now we have the users info, let's save it in the NativeStorage
NativeStorage.setItem('user',
{
name: user.name,
gender: user.gender,
picture: user.picture
})
.then(function(){
nav.push(UserPage);
}, function (error) {
console.log(error);
})
})
}, function(error){
console.log(error);
});
}
}
用户页面.ts
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { Facebook, NativeStorage } from 'ionic-native';
import { LoginPage } from '../login/login';
@Component({
selector: 'page-user',
templateUrl: 'user.html'
})
export class UserPage {
user: any;
userReady: boolean = false;
constructor(public navCtrl: NavController) {}
ionViewCanEnter(){
let env = this;
NativeStorage.getItem('user')
.then(function (data){
env.user = {
name: data.name,
gender: data.gender,
picture: data.picture
};
env.userReady = true;
}, function(error){
console.log(error);
});
}
doFbLogout(){
var nav = this.navCtrl;
Facebook.logout()
.then(function(response) {
//user logged out so we will remove him from the NativeStorage
NativeStorage.remove('user');
nav.push(LoginPage);
}, function(error){
console.log(error);
});
}
}
最佳答案
我找到了答案
export class LoginPage {
FB_APP_ID: number = 1816752771906363;
constructor(public navCtrl: NavController) {
Facebook.browserInit(this.FB_APP_ID, "v2.8");
}
}
移除
`FB_APP_ID: number = 1816752771906363;`
和
`Facebook.browserInit(this.FB_APP_ID, "v2.8");`
它会完美地工作。
关于javascript - 未捕获( promise ): TypeError: Cannot read property 'apply' of undefined in ionic 2 app,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41625379/
如何从 promise 中退出 promise ? perl6 文档没有提供简单的方法。例如: my $x = start { loop { # loop forever until "qui
我的用户 Controller 中有一个索引操作,其中我试图连续做两件事,并且在它们都有机会完成之前不执行所需的 res.json() 方法。 我有一个加入用户的友谊加入模型。一列是 friender
请帮我解释一下为什么日志结果有两种不同: 方式 1:每 1 秒顺序记录一次 方式 2:1 秒后记录所有元素。 // Way 1 let sequence = Promise.resolve(); [1
我的问题很简单。 Promise.all() 方法可以返回 Promise 吗?让我解释一下: function simpleFunction() { let queue = [];
我正在使用 Promise 从存储中读取文件并转换为 base64 字符串。我有图像数组,使用 RNFS 读取图像 const promise_Images = _Images.map(async (
如果使用非空数组调用 Promise.all 或 Promise.race,它们将返回一个待处理的 Promise: console.log(Promise.all([1])); // prints
Promise.all 是否可以在没有包装 promise 的情况下返回链的最后一个值? 如果不使用 await,它在我的上下文中不起作用 没有包装的例子: function sum1(x){ r
我一直在玩 promise,通常能想出如何处理好它们,但在这种情况下,我不知道如何删除一个 promise-wrapping level。 代码如下: let promise2 = promise1.
考虑以下嵌套的Promises结构: const getData = async() => { const refs = [{ name: "John33", age: 3
我已经阅读了 Promise/A+ 规范,但据我了解,还有诸如 Promise/A 和 Promise 之类的东西。它们之间有什么区别? Promise 和 Promise/A 规范也是如此吗?如果是
当我运行以下代码时: my $timer = Promise.in(2); my $after = $timer.then({ say "2 seconds are over!"; 'result'
以下简单的 promise 是发誓的,我不允许打破它。 my $my_promise = start { loop {} # or sleep x; 'promise re
我正在尝试扩展Promise: class PersistedPromise extends Promise { } 然后在派生类上调用静态resolve以直接创建一个已解决的Promise: Per
我有两个返回 promise 的函数,我独立使用它们作为: getLocal().then(...) 和 getWeb().then(...) 但是现在我遇到了一个奇怪的问题: 1) 我需要第三个
我不知道 promise.all 解决方案中的 promise.all 是否是一个好的实践。我不确定。 我需要从一组用户获取信息,然后通过此信息响应,我需要发送消息通知。 let userList =
我一直在尝试使用 queueMicrotask() 函数,但我没有弄清楚当回调是微任务时回调的优先级如何。查看以下代码: function tasksAndMicroTasks() { const
我一直在尝试使用 queueMicrotask() 函数,但我没有弄清楚当回调是微任务时回调的优先级如何。查看以下代码: function tasksAndMicroTasks() { const
今年早些时候,我在 Pharo Smalltalk 参与了一个 promise 项目。这个想法是为了实现以下行为: ([ 30 seconds wait. 4 ]promiseValue )then:
大家好,提前感谢您的帮助。 下面是我正在尝试做的事情 function1(){ throw some error(); } function2() { // dosomething suc
我有以下未解析的代码。f2 解决了,所以我不会添加该代码,它是 f1 我有问题。 我调用函数,它到达最里面如果,它调用函数“find”,它执行函数 findId,完美返回 Id,然后执行 editId
我是一名优秀的程序员,十分优秀!