javascript - 如何在 typescript 中使用外部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