AuthError - 错误:未正确配置放大

IT技术 reactjs amazon-web-services aws-amplify
2021-05-20 12:46:15

首先,我使用amplify configure. 我是在AWS Amplify 文档的帮助下完成的然后我成功地将身份验证添加到我的放大项目中,使用amplify add authamplify push我遵循了AWS - Authentication with Amplify Doc中的所有步骤

我的长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,它显示以下错误, AuthError - 错误:Amplify 配置不正确。

4个回答

我在这个github-issue 中找到了这个问题的解决方案

修复很简单。扩增出的文档不告诉你加载的CONFIGSaws-exportsAuth module

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

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

Amplify.configure(awsconfig);

// >>New - Configuring Auth Module
Auth.configure(awsconfig);
  • npm un aws-amplify @aws-amplify/ui-react
  • npm i aws-amplify @aws-amplify/ui-react

这对我有用。谢谢@伊格纳西奥

我认为由于安装的 Amplify module之间的不一致,在各种 Amplify module版本下都会出现此问题。在我的情况下,重新安装如下多次解决了它。

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

如果您使用的是 Yarn,则此问题可能源于包管理器冲突,具体取决于它们管理依赖关系树和版本更新的方式。

如果您反复看到此问题;在某些情况下,您应该尝试使用 Npm。

如果您使用 Yarn -您应该首先删除 Yarn.lock 和您的 node_modules 目录。安装

另外,请参阅上面的答案Untamables Answer