Javascript Google驱动Api在Angular中的应用

在将GoogleDriveAPI应用到我的angular web应用程序时，我面临一些困难。我试着将代码从html复制到我的组件中，但我一直收到一个错误，错误是

zone evergreen.js:171 Uncaught{错误：“idpiframe\u初始化失败”，详细信息：“不是客户端的有效来源：http://localhos…请为项目的客户ID列出此来源。“}

但是，当我将其作为普通index.html放在angular应用程序中时，客户端id是有效的。是否可能是因为角度渲染组件的方式导致“异步延迟”无法工作？如果是，我如何解决这个问题

我尝试使用@types/gapi和gapi-auth2，但也遇到了找不到模块的错误。我做了很多修复，比如添加编译器类型，但仍然不起作用，所以我尝试使用默认的html。多谢各位