angular - ReferenceError : gapi is not defined, 但我什么都试过了

Question

这可能听起来像一个愚蠢的问题，因为完全相同的问题有很多问题，但没有一个几乎可以提供帮助。我正在使用 angular 并且在 ngAfterViewInit() 中我有以下代码:gapi.load("auth2", () => console.log("test") .我已经通过 npm 安装了 @types/gapi 和 @types/gapi.auth2。在我的 tsconfig.app.json 中，我在 compilerOptions 的类型中包含了“gapi”和“gapi.auth2”。同样在组件的 html 字段中，我放置了 <script src="https://apis.google.com/js/api.js"></script>在头部。我已经试着写 declare var gapi: any;到进口，但它也没有奏效。我还尝试了三重 slas 指令 /// <reference path="../../../node_modules/@types/gapi/index.d.ts">或 /// <reference types="gapi"> ，但他们都没有工作。我不知道该怎么做，因为我尝试了数小时研究中所能找到的一切。提前致谢 :)

Answer 1

尝试使用动态导入:

import("https://apis.google.com/js/api.js").then(() => {
  gapi.load("client:auth2", () => {console.log("success")});
});