首先,我已经成功地使用amplify configure
完成了对react应用程序的配置。我在AWS Amplify docs的帮助下做到了这一点。然后,我成功地使用amplify add auth
和amplify push
将身份验证添加到我的amplify项目中。我遵循了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
时,它显示以下错误:
9条答案
按热度按时间dfty9e191#
我在这个github-issue中找到了这个问题的解决方案
解决办法很简单。Amplify文档没有告诉您将
aws-exports
的配置加载到Auth module
。在
App.js
中添加这行简单的代码,就解决了这个问题。oknwwptz2#
这对我很有效。谢谢@伊格纳西奥
mrfwxfqh3#
我认为这个问题发生在不同的放大模块版本,由于安装的放大模块之间的不一致。在我的情况下,重新安装如下解决了很多次。
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。
yebdmbv44#
我在世博会上做todo应用,也遇到了同样的问题。我不得不添加配置文件的正确路径。
aws-exports
的路径不同,文档中未提及。我的示例代码如下njthzxwz5#
如果你使用的是Yarn,这个问题可能是由包管理器冲突引起的,基于它们如何管理依赖关系树和版本更新。
如果你反复看到这个问题;在某些情况下,您应该尝试使用Npm。
如果你正在使用Yarn -你应该首先删除Yarn.lock和你的node_modules目录。npm install
另外,请参见上面的答案Untamables Answer
fxnxkyjh6#
运行放大更新授权
选择Walkthrough所有授权配置。
在演练中启用未经身份验证的登录,并保留其他设置。
来源:https://docs.amplify.aws/lib/graphqlapi/authz/q/platform/js/#using-amplify-graphql-client
使用AWS_IAM进行公共API访问时,必须启用未经身份验证的登录。要启用未经身份验证的登录,请从命令行运行amplify update auth,然后选择Walkthrough all the auth configurations。
这解决了我的问题,结合graphQL API
hfwmuf9z7#
我现在正在处理这个错误,没有安装@aws-amplify/ui-react。我相信是版本3到版本4对Auth所做的更改导致了这个问题
kgqe7b3p8#
trnvg8h39#
此错误可能是由于Amplify CLI配置错误而出现的。对我来说就是这样。
运行
amplify configure
并按照说明操作。