如何通过 Typescript 项目在 React Native 中使用 AWS Amplify？

Question

我正在尝试在使用 typescript 的反应原生项目中添加放大身份验证。 放大文档“aws-amplify-react-native”中给出了一个 package，它用作验证我们应用程序的中间件。 但是这个 package 仅在基于 javascript 的项目中受支持。 对于 Typescript 它显示如下错误

Could not find a declaration file for module 'aws-amplify-react-native'.
Try `npm install @types/aws-amplify-react-native` if it exists or add a new declaration (.d.ts) file containing `declare module 'aws-amplify-react-native';`

没有 package 可用，例如“@types/aws-amplify-react-native”

所以有人可以帮我解决这个问题吗？

Answer 1

不幸的是，在此答案时没有定义类型。 但是，您可以像这样调用@ts-ignore

// @ts-ignore
import Amplify, { Auth } from 'aws-amplify';
// @ts-ignore
import awsconfig from './aws-exports';
// @ts-ignore
import { withAuthenticator } from 'aws-amplify-react-native'

Amplify.configure(awsconfig);

Answer 2

目前没有可用于aws-amplify-react-native的官方 TypeScript (TS) 类型。 要抑制 TypeScript 警告，您需要定义自己的 TS 声明文件 ( *.d.ts )。

要获得近似的类型，您可以将此文件复制到您的项目中。 这些是 GitHub 用户dantasfiles编写的类型。 请记住，它们并不精确，可以更精确地指定。

Answer 3

不幸的是，到目前为止，还没有可用于 React Native AWS 放大的 Typescript 配置选项。 您可以查看 R eact Native AWS 放大文档，了解它必须提供的强大云服务。 此外，还有很多关于如何将 AWS 放大服务集成到您的 React Native 项目中的文章。 只是冲浪和学习！

Answer 4

说实话，目前还没有可用于 React Native AWS 放大的 Typescript 配置。 您可以查看React Native AWS放大文档，了解它必须提供的所有功能和服务。 毫无疑问，它提供了一些强大的后端云服务。 此外，还有很多关于如何将 AWS 放大服务集成到您的 React Native 项目中的文章。 我建议你检查一下。

Answer 5

我在我的 typescript 项目中安装了这个，我没有问题：

 npm install aws-amplify aws-amplify-react-native @react-native-community/netinfo @react-native-async-storage/async-storage

https://docs.amplify.aws/start/getting-started/setup/q/integration/react-native/#initialize-a-new-backend