(AWS Amplify)компонент показывает только «Загрузка ...» с базовой настройкой - PullRequest
Новая
       75

(AWS Amplify)компонент показывает только «Загрузка ...» с базовой настройкой

0 голосов
/ 28 октября 2019

loading

Если я не предоставлю реквизит ampifyConfig, он будет рендериться нормально (конечно, он не сможет на самом деле войти / вверх).

Но если я поставлюampifyConfig prop, отображается только загрузка ...

При скрытии загружаемого компонента он ничего не показывает.

Я только сконфигурировал социального провайдера с настройкой аутентификации по умолчанию, и то же самое верно, даже если естьнет федеративной опоры.

Как сделать так, чтобы компонент Authenticator работал нормально? Я хотел бы, чтобы ключевое слово для поиска.

  • с помощью инструмента отладки, я обнаружил, что authState просто «загружает»
  • Когда я сделал Auth.signOut (), это похоже на работу. Но в этом случае всякий раз, когда пользователь приходит на использование приложения, он будет вынужден выйти. Так что это ненадежно.
  • установить для authState prop значение 'signIn' не работает
  • с Authenticator HOC работает. Однако даже при использовании Authenticator при настройке федеративной поддержки кнопки для каждого поставщика не работают по неизвестным причинам. (Я не знаю, это связанная проблема) 
My code is roughly like this

function App ({ authState }) {
  return (
  authState === 'signedIn' ? (
    <div>
      {something}
    </div>
  ) : <div />
  )
}

const federated = {
  google_client_id: '86070459099-1fl345l9jddl8kpuemv08kpsic3jrha2.apps.googleusercontent.com',
  facebook_app_id: '1173021809562416',
  amazon_client_id: ''
}

class AppWithAuth extends Component {
  render () {
    return (
      <Authenticator
        amplifyConfig={awsconfig}
      >
         <App />
      </Authenticator>
    )
  }
}

// export default withAuthenticator(FullWindow, true, [], federated, {})
// export default FullWindow
export default AppWithAuth

my awsconfig

// WARNING: DO NOT EDIT. This file is automatically generated by AWS Amplify. It will be overwritten.

const awsmobile = {
    "aws_project_region": "us-east-1",
    "aws_cognito_identity_pool_id": "us-east-1:5c6a10e4-b89e-4733-bdeb-20b257bbf7fd",
    "aws_cognito_region": "us-east-1",
    "aws_user_pools_id": "us-east-1_n0MOhpx2p",
    "aws_user_pools_web_client_id": "4dub9op9hjj61c6u64j0g6n790",
    "oauth": {
        "domain": "learnobit69bcc274-69bcc274-master.auth.us-east-1.amazoncognito.com",
        "scope": [
            "phone",
            "email",
            "openid",
            "profile",
            "aws.cognito.signin.user.admin"
        ],
        "redirectSignIn": "http://localhost:5000/",
        "redirectSignOut": "http://localhost:5000/",
        "responseType": "code"
    },
    "federationTarget": "COGNITO_USER_POOLS"
};


export default awsmobile;
...