nadetastic
commented
11 months ago Hi @zackseyun thank you for opening this issue.
Can you verify what version of aws-amplify your project is installed with? It looks like you may have aws-amplify@>6 installed based on the error message. We recently released V6 of the library and the imports have changed. What this means is if your project is using V6, then the error you see (Module '"aws-amplify"' has no exported member 'Auth'.ts) is expected as we no longer export Auth but instead export the specific methods.
For example:
Also note that when migrating to V6, a few other changes include the name of the methods - for example v6 no longer has currentAuthenticatedUser but has the equivalent getCurrentUser.
I also recommend taking a look at the migration guide for further details - https://docs.amplify.aws/javascript/build-a-backend/troubleshooting/migrate-from-javascript-v5-to-v6/#4-upgrade-category-usage
Let me know if you have any more questions.
zackseyun
HurYur
uclaeamsavino
AdonousTech
Before opening, please confirm:
JavaScript Framework
Next.js
Amplify APIs
Authentication
Amplify Categories
auth
Environment information
Describe the bug
TypeError with Auth from AWS Amplify Across Different Components
I am experiencing a persistent TypeError related to the AWS Amplify Auth module in my React application. The error message Module '"aws-amplify"' has no exported member 'Auth'.ts(2305) occurs whenever I attempt to use Auth from @aws-amplify/auth. This issue is not isolated to a specific component but appears across different components where Auth is utilized.
Expected behavior
The expected behavior is that the Auth module from AWS Amplify should be recognized and utilized correctly for authentication purposes throughout the application, without throwing any TypeErrors.
Reproduction steps
Import Auth from @aws-amplify/auth in any component. Use any method from Auth, such as Auth.signOut() or Auth.currentAuthenticatedUser(). Observe that the application throws a TypeError stating that the Auth module is not exported from aws-amplify.
Code Snippet
Log output
aws-exports.js
/ eslint-disable / // WARNING: DO NOT EDIT. This file is automatically generated by AWS Amplify. It will be overwritten.
const awsmobile = { "aws_project_region": "us-east-2", "aws_cognito_region": "us-east-2", // The region your Cognito service is hosted in "aws_user_pools_id": "us-east-2_9S9WFq6Gx", // Your Cognito User Pool ID "aws_user_pools_web_client_id": "40ev1t07p25s89s6ru95314t87", // Your Cognito User Pool App Client ID "oauth": { "domain": "carthaai.auth.us-east-2.amazoncognito.com", // Your Amazon Cognito domain "scope": ["email", "openid", "phone"], // The scopes for the OAuth flow "redirectSignIn": "https://cartha.ai", // The callback URL after sign-in "redirectSignOut": "", // Since sign out URL is optional, it's left empty "responseType": "code" // The OAuth response type you want to use }, Analytics: { disabled: false, }, };
export default awsmobile;
Manual configuration
No response
Additional configuration
No response
Mobile Device
No response
Mobile Operating System
No response
Mobile Browser
No response
Mobile Browser Version
No response
Additional information and screenshots
Additional Context:
The error occurs in various components where Auth is imported and used. AWS Amplify is configured correctly in _app.tsx. The application was working fine prior to the recent changes. No conditional rendering or other major logic changes seem to affect this issue.