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

Question

I'm trying to add Amplify Authentication in my react native project which uses typescript. There is a package given in amplify documentation 'aws-amplify-react-native' which is used as a middleware to authenticate our application. But this package is only supported in projects which are based on javascript. For Typescript it shows an error like

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';`

There is no package available like '@types/aws-amplify-react-native'

So anyone can help me out of this?

Answer 1

Unfortunately there are no defined types at the time of this answer. However, you can invoke @ts-ignore like so

// @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

There are no official TypeScript (TS) types available for aws-amplify-react-native at the moment. To suppress the TypeScript warning, you need to define your own TS declaration file ( *.d.ts ).

To get approximate typings, you can copy this file into your project. These are typings written by the GitHub user dantasfiles . Bear in mind that they are not exact and could be specified more precisely.

Answer 3

Unfortunately, there is no Typescript configuration option available for React Native AWS amplify till now. You can check out the R eact Native AWS amplify documentation for the powerful cloud services it has to offer. Also, there are lots of articles on how to integrate the AWS amplify services into your React Native project. Just surf and learn!

Answer 4

To tell you the truth, there is no Typescript configuration available for React Native AWS amplify to date. You can check out the React Native AWS amplify documentation for all the features and services it has to offer. There is no doubt that it provides some powerful backend cloud services. Also, there are lots of articles on how to integrate the AWS amplify services into your React Native project. I advise you to check them out.

Answer 5

I installed this in my typescript project and I have no issue:

 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