Titel umgeschrieben in: Fehlende Fehlermeldung: UserPoolId und ClientId fehlen

Question

Ich überlege, Cognito zur Verstärkung der Authentifizierung in der Vue-JS-Anwendung zu verwenden. Hier ist der Code, den ich in main.js hinzugefügt habe:

import Amplify from 'aws-amplify';
Amplify.configure({
      Auth: {
        mandatorySignIn: false,
        region: config.cognito.REGION,
        userPoolId: config.cognito.USER_POOL_ID,
        UserPoolClientId: config.cognito.APP_CLIENT_ID,
      },
    });

Aber irgendwie habe ich diesen Fehler bekommen:

CognitoUserPool.js?17a7:46 Uncaught Error: Both UserPoolId and ClientId are required.
    at new CognitoUserPool (CognitoUserPool.js?17a7:46)
    at AuthClass.configure (Auth.js?bf82:183)
    at eval (Amplify.js?7d03:83)
    at Array.map (<anonymous>)
    at AmplifyClass.configure (Amplify.js?7d03:82)
    at eval (main.js?56d7:15)
    at Module../src/main.js (app.js:1692)
    at __webpack_require__ (app.js:854)
    at fn (app.js:151)
    at Object.1 (app.js:2809)

Ich habe anhand des Referenzvideos und der aws amplify-Dokumentation mehrere Methoden ausprobiert. Es tritt jedoch immer noch derselbe Fehler auf: Meine Seite ist leer und in der Konsole wird ein Fehler angezeigt. Habe die Authentifizierungsoptionen überprüft und alles ist in Ordnung. Wie kann ich diesen Fehler beheben? Ich verwende auch keinen clientseitigen geheimen Hash, da js sdk nicht mit App-Client mit geheimem Hash funktioniert

Answer 1

配置参数的名称需要如下：

...
userPoolId: '...'
userPoolWebClientId: '...'
...

在这里定义：https://github.com/aws-amplify/amplify-js/blob/a047ce73abe98c3bf82e888c3afb4d2f911805f3/packages/auth/src/types/Auth.ts#L40