ReferenceError: gapi не определен
ТАК, что я новичок в этом, я пытаюсь использовать Angular в качестве внешнего интерфейса, чтобы создать простую кнопку, которая при нажатии просит пользователя пройти аутентификацию, как и любой вход в систему с использованием примера Gmail, но я продолжаю получать эту ошибку, и вот мой код то, что я пытаюсь сделать, это использовать код, предоставленный Google https://developers.google.com/gmail/api/v1/reference/users/messages/list и преобразовать его в машинописный текст
app.component.ts
export class AppComponent {
async authenticate() {
return await gapi.auth2.getAuthInstance().signIn({
scope: 'https://www.googleapis.com/auth/gmail.readonly',
});
}
app.component.html
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "UTF-8" />
<meta name = "viewport" content = "width=device-width, initial-scale=1.0" />
<meta http-equiv = "X-UA-Compatible" content = "ie=edge" />
<script src = "https://apis.google.com/js/api.js"></script>
<title>Document</title>
</head>
<body>
<div class = "wrapper">
<button class = "signup" (click) = "authenticate()">authorize and load</button>
</div>
<router-outlet></router-outlet>
</body>
</html>
Ответы 1
Включить этот тег скрипта
<script src = "https://apis.google.com/js/platform.js"></script>
все еще получаю ту же ошибку core.js: 15723 ERROR Error: Uncaught (в обещании): ReferenceError: gapi не определен Refe
Вы включили в index.html
хорошо, это сработало, но я поднял новую ошибку core.js: 15723 ERROR Error: Uncaught (in promise): TypeError: невозможно прочитать свойство 'signIn' из null
Это уменьшенная версия: <script src='https://apis.google.com/js/api.js'></script>
Включили ли вы скрипт API платформы Google?