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

时间:2017-05-15 11:43:41

标签: javascript angular typescript

我正在尝试在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上收到错误:

找不到命名空间&#39; gapi&#39;。

如何在Typescript Angular 4中正确引用或导入外部javascript库/命名空间或函数?

1 个答案:

答案 0 :(得分:2)

在本地安装第三方库,例如

npm i jquery --save

Angular CLI项目有一个配置文件.angular-cli.json。将jquery添加到那里的脚本部分,它将在您的应用程序全局可用,例如:

&#34;脚本&#34;:[

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

如果可用,安装类型定义文件也是个好主意。然后你不需要声明任何类型的变量,例如

npm i @types/jquery --save-dev