Question

AuthError - 错误：Amplify 未正确配置

2020-08-26

41094

reactjs amazon-web-services aws-amplify

首先，我已使用 amplify configure 成功完成 React 应用程序的配置。我在 AWS Amplify 文档的帮助下完成了此操作。然后，我使用 amplify add auth 和 amplify push 成功将身份验证添加到我的 amplify 项目中。我按照 AWS - 使用 Amplify 文档进行身份验证

我的 App.js 看起来像这样，

import React from 'react';
import { withAuthenticator, AmplifySignOut } from '@aws-amplify/ui-react';
import Amplify, { Auth } from 'aws-amplify';
import awsconfig from './aws-exports';

Amplify.configure(awsconfig);


const App = () => (
    <div>
        <AmplifySignOut />
        My App
    </div>
);

export default withAuthenticator(App);

但是当我尝试 npm start 时，它显示以下错误，

Answer 1

我在 github-issue

修复很简单。Amplify 文档不会告诉您将 aws-exports 的配置加载到 Auth module 。

在 App.js 中添加这行简单的代码，为我解决了这个问题。

import Amplify, { Auth } from 'aws-amplify';
import awsconfig from './aws-exports';

Amplify.configure(awsconfig);

// >>New - Configuring Auth Module
Auth.configure(awsconfig);

Answer 2

npm un aws-amplify @aws-amplify/ui-react
npm i aws-amplify @aws-amplify/ui-react

这对我有用。谢谢@Ignacio

Answer 3

我认为这个问题发生在不同的 Amplify 模块版本下，因为安装的 Amplify 模块之间不一致。在我的案例中，按照下面的方法重新安装多次解决了这个问题。

npm uninstall --save aws-amplify @aws-amplify/ui-react @aws-amplify/ui-components

npm install --save aws-amplify @aws-amplify/ui-react @aws-amplify/ui-components

有一种情况是，如果你使用 @aws-amplify/ui-components ，则需要重新安装它。