AWS Amplify and React Native - 无法解析“@aws-amplify/ui/dist/style.css”答案

【问题标题】：AWS Amplify & React Native - Unable to resolve "@aws-amplify/ui/dist/style.css"AWS Amplify and React Native - 无法解析“@aws-amplify/ui/dist/style.css”
【发布时间】：2019-08-30 23:00:07
【问题描述】：

我正在尝试按照 this article 自定义 AWS Amplify UI 登录/注册流程。每次我从 aws-amplify-react 导入任何内容时都会收到此错误：

Unable to resolve "@aws-amplify/ui/dist/style.css" from "node_modules/aws-amplify-react/dist/Amplify-UI/Amplify-UI-Components-React.js"

我已经尝试专门安装@aws-amplify/ui，以及aws-amplify 版本的其他组合。这是我package.json的相关部分：

...
"aws-amplify": "^1.1.25",
"aws-amplify-react": "^2.3.5",
"aws-amplify-react-native": "^2.1.9",
...

以及我尝试过的特定 UI 和身份验证的版本：

"@aws-amplify/auth": "^1.2.21",
"@aws-amplify/ui": "^1.0.2",

这是导入语句：

import { ConfirmSignIn, ConfirmSignUp, ForgotPassword, RequireNewPassword, SignIn, SignUp, VerifyContact, withAuthenticator } from 'aws-amplify-react';

非常感谢您对解决此问题的任何帮助。

【问题讨论】：

你的导入语句是什么样的？
我已更新问题以包含导入语句：import { ConfirmSignIn, ConfirmSignUp, ForgotPassword, RequireNewPassword, SignIn, SignUp, VerifyContact, withAuthenticator } from 'aws-amplify-react';

标签： reactjs react-native aws-amplify amplifyjs

【解决方案1】：

今天也遇到了这个问题。

问题在于使用aws-amplify-react 而不是aws-amplify-react-native。所以继续 npm 卸载 react 版本，然后 npm 安装 react-native 版本。

在您链接的那个文档中通过评论巧妙地提到了这一点：

import { withAuthenticator } from 'aws-amplify-react'; // or 'aws-amplify-react-native';

【讨论】：