angular - Angular 10 - AWS Amplify Auth - AuthError - 错误：未正确配置 Amplify

Question

将 SPA 应用程序部署到 AWS Amplify，并启用 Auth。低于错误

包.json

"dependencies": {
        "@angular/animations": "^10.0.14",
        "@angular/cdk": "^8.1.1",
        "@angular/common": "^10.0.14",
        "@angular/compiler": "^10.0.14",
        "@angular/core": "^10.0.14",
        "@angular/flex-layout": "^10.0.0-beta.32",
        "@angular/forms": "^10.0.14",
        "@angular/material": "^8.1.1",
        "@angular/material-moment-adapter": "8.2.1",
        "@angular/platform-browser": "^10.0.14",
        "@angular/platform-browser-dynamic": "^10.0.14",
        "@angular/router": "^10.0.14",
        "@aws-amplify/ui-angular": "^0.2.15",
        "angular-in-memory-web-api": "0.5.4",
        "aws-amplify": "^3.0.24",
        "brace": "^0.11.1",
        "core-js": "^3.1.4",
        "file-saver": "^2.0.2",
        "fs-extra": "^9.0.0",
        "hammerjs": "^2.0.8",
        "jasmine-reporters": "^2.3.2",
        "jquery": "^3.4.1",
        "lodash-es": "^4.17.15",
        "moment": "2.24.0",
        "ng2-search-filter": "^0.5.1",
        "ngx-dropzone": "^2.1.1",
        "oidc-client": "^1.9.1",
        "popper.js": "^1.15.0",
        "protractor-html-reporter-2": "^1.0.4",
        "protractor-jasmine2-screenshot-reporter": "^0.5.0",
        "rxjs": "^6.6.2",
        "uuid": "^3.3.3",
        "web-animations-js": "2.3.2",
        "zone.js": "~0.10.3"
    },
    "devDependencies": {
        "@angular-devkit/build-angular": "^0.1000.8",
        "@angular-devkit/build-ng-packagr": "~0.1000.8",
        "@angular/cli": "~10.0.8",
        "@angular/compiler-cli": "^10.0.14",
        "@angular/language-service": "^10.0.14",
        "@types/jasmine": "~3.3.13",
        "@types/jasminewd2": "~2.0.6",
        "@types/jquery": "^3.3.29",
        "@types/lodash": "^4.14.136",
        "@types/node": "^12.6.9",
        "codelyzer": "^5.0.1",
        "jasmine-core": "~3.4.0",
        "jasmine-spec-reporter": "^4.2.1",
        "karma": "~4.2.0",
        "karma-chrome-launcher": "~3.0.0",
        "karma-coverage-istanbul-reporter": "~2.0.5",
        "karma-jasmine": "~2.0.1",
        "karma-jasmine-html-reporter": "^1.4.2",
        "ng-packagr": "^10.1.0",
        "protractor": "~5.4.2",
        "ts-node": "~8.3.0",
        "tsickle": "^0.38.1",
        "tslib": "^2.0.1",
        "tslint": "~5.18.0",
        "typescript": "~3.9.7",
        "webpack-bundle-analyzer": "^3.3.2"
    }

abcd.module.ts

main.ts

我能得到任何帮助吗！！

Answer 1

这是我的坏事。当我将“aws-exports.js”重命名为“aws-exports.ts”时，“aws-exports.ts”文件中的内容如下

const awsmobile = {
"aws_project_region": "ap-southeast-2"
};
export default awsmobile;

这是错误的（以上）。它应该如下

const awsmobile = {
  "aws_project_region": "ap-southeast-2",
  "aws_cognito_identity_pool_id": "ap-southeast-2:a3346e2c-xxxxxxx-xxxx-xxxx",
  "aws_cognito_region": "ap-southeast-2",
  "aws_user_pools_id": "ap-southeast-xxxxxxxxx",
  "aws_user_pools_web_client_id": "xxxxxxxxxxxxxx",
  "oauth": {}
};