我正在尝试为我的网站实施Google登录.登录按钮正确显示并且最初签名人员.当我在使用网站后尝试移动到登录页面(我正在使用React,因此它只是一页)时,我的问题就出现了.我使用完全相同的函数来呈现登录页面,但它给了我一个"cb = gapi.loaded_0:249未捕获的TypeError:无法读取属性'样式'的null".gapi中的错误发生在这里(至少我认为):
a.El;window.document.getElementById((c?"not_signed_in":"connected"
这是我最初添加要呈现的登录按钮的方式:
elements.push(h('div.g-signin2',{'data-onsuccess': 'onSignIn'}))
return h('div.page_content',elements)
我后来用ReactDOM.render调用渲染.
以下是我处理SignOut和SignIn的方法:
function signOut() {
var auth2 = gapi.auth2.getAuthInstance();
auth2.signOut().then(function () {
// console.log('User signed out.');
signedin = false;
auth2 = null;
renderPage()
});
}
var google_idtoken;
var signedin = false;
// set auth2 to null to indicate that google api hasn't been loaded yet
var auth2 = null;
function onSignIn(googleUser) {
auth2 = gapi.auth2.getAuthInstance({
client_id: 'ClientID.apps.googleusercontent.com'
});
google_idtoken = googleUser.getAuthResponse().id_token;
wrongemail = true;
// if(auth2 != null && auth2.isSignedIn.get() == …我正在阅读 React 教程（http://facebook.github.io/react/docs/animation.html），但我无法让动画部分正常工作。当我尝试在浏览器中打开代码（如下）时，出现错误“Uncaught ReferenceError：require 未定义”。require仅在JS代码的第一行使用。我只有 1 个名为 React.html 的 html 文件，我在其中做了所有的事情。这是我的代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">
var ReactCSSTransitionGroup = require('react-addons-css-transition-group');
var TodoList = React.createClass({
getInitialState: function() {
return {items: ['hello', 'world', 'click', 'me']};
},
handleAdd: function() {
var newItems =
this.state.items.concat([prompt('Enter some text')]);
this.setState({items: newItems});
},
handleRemove: function(i) {
var newItems = this.state.items.slice();
newItems.splice(i, 1);
this.setState({items: newItems});
},
render: function() {
var items = this.state.items.map(function(item, i) …