如何解决AuthError-错误:尚未正确配置Amplify
首先,我已经成功完成了使用amplify configure
的React应用程序的配置。我是在AWS Amplify docs的帮助下完成的。然后,我已经使用amplify add auth
和amplify 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);
解决方法
我认为由于安装的 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。
,- npm un aws-amplify @aws-amplify/ui-react
- npm i aws-amplify @aws-amplify/ui-react
这对我有用。谢谢@Ignacio
,我在此github-issue
中找到了解决此问题的方法修复很简单。放大文档不会告诉您将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);
,
如果您使用的是 Yarn,这个问题可能是由于包管理器冲突导致的,这取决于它们管理依赖关系树和版本更新的方式。
如果您反复看到此问题;在某些情况下,您应该尝试使用 Npm。
如果你使用 Yarn - 你应该首先删除 Yarn.lock 和你的 node_modules 目录。 npm 安装
另外,请参阅上面的答案Untamables Answer
,我现在正在处理这个错误,而没有安装 @aws-amplify/ui-react。我相信从版本 3 到 4 对 Auth 所做的更改导致了问题
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。