如何在打字稿中使用外部javascript庫 - Angular 4

Question

我正在嘗試在Typescript中使用Google Login和Jquery。 我已經確保這些文件包含在項目中：jquery.min和google的導入： <script defer src="https://apis.google.com/js/platform.js"></script>

在我的組件上，我添加了：

declare var gapi: any;
declare var $: any;

但我仍然在ng serve上收到錯誤：

找不到命名空間'gapi'。

如何在Typescript Angular 4中正確引用或導入外部javascript庫/命名空間或函數？

Answer 1

在本地安裝第三方庫，例如

npm i jquery --save

Angular CLI項目有一個配置文件.angular-cli.json。 將jquery添加到那里的腳本部分，它將全局為您的應用程序提供，例如：

“劇本”：[

"../node_modules/jquery/dist/jquery.js"

]

如果可用，安裝類型定義文件也是一個好主意。 然后你不需要聲明任何類型的變量，例如

npm i @types/jquery --save-dev