我使用以下示例在nodeJS中实现AWS Cognito,但我遇到了错误 "' AWSCognito'没有定义no-undef"
参考链接:https://github.com/aws/amazon-cognito-identity-js/
以下是我在App.js文件中的代码。我用过react-app。
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import { CognitoUserPool, CognitoUserAttribute, CognitoUser } from 'amazon-cognito-identity-js';
class App extends Component {
constructor(props, context){
super(props, context);
this.state = {
items: []
}
}
render() {
const {items} = this.state;
return (
<div className="App">
<div className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<h2>Welcome to React</h2>
</div>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
<button onClick={(e) => this.doRegister(e)}>Register</button>
{ items.map(item => <p>{item.id}</p>) }
</div>
);
}
doRegister(){
console.log("Register User");
var poolData = {
UserPoolId : 'xxxxxxxxxxx', // Your user pool id here
ClientId : 'xxxxxxxxxxxxxxxxxx' // Your client id here
};
var userPool = new AWSCognito.CognitoIdentityServiceProvider.CognitoUserPool(poolData);
console.debug(userPool);
}
}
export default App;
这是package.json中的代码。您可以看到已经添加了aws-cognito-identity库。
{
"name": "my-app",
"version": "0.1.0",
"private": true,
"dependencies": {
"amazon-cognito-identity-js": "^1.19.0",
"react": "^15.6.1",
"react-dom": "^15.6.1",
"react-scripts": "1.0.10"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
},
"devDependencies": {
"json-loader": "^0.5.4",
"webpack": "^3.0.0"
}
}
为什么显示AWSCognito未定义。我的代码中是否有与AWS Cognito相关的内容?
答案 0 :(得分:6)
除了AWS SDK for JavaScript之外,您还需要Amazon Cognito Identity SDK for JavaScript。
npm install aws-sdk --save
然后,您可以将其导入为:
import * as AmazonCognitoIdentity from 'amazon-cognito-identity-js';
class App extends Component {
...
const poolData = { UserPoolId: 'YOUR_USER_POOL_ID', ClientId: 'YOUR_CLIENT_ID' };
const userPool = new AmazonCognitoIdentity.CognitoUserPool(poolData);
...
}