如何通過 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