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

我正在尝试在Typescript中使用Google Login和Jquery。我已经确信，这些文件包含在项目：jquery.min和谷歌的导入：<script defer src="https://apis.google.com/js/platform.js"></script>如何在打字稿中使用外部JavaScript库 - Angular 4

在我的部分我说：

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

但我仍然ng serve收到错误：

找不到命名空间'gapi'。

如何在Typescript Angular 4中正确引用或导入外部JavaScript库/名称空间或函数？

来源

2017-05-15 Raven

ng serve是angular-cli命令，与webpack config初始化相关。要加载外部js库文件，您必须使用webpack解析器，然后将其导入到组件中，您还需要定义或添加其输入。 – Houtan

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

npm i jquery --save

Angular CLI项目有一个配置文件.angular-cli.json。添加了jQuery脚本节还有，这将是全球范围内可用于您的应用程序，例如：

“脚本”：

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

]

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

npm i @types/jquery --save-dev

来源

2017-05-15 11:55:50

请试试看，谢谢！但是那些不在npm上的JavaScript库呢？说，我创建myown.js - 我如何引用它？ – Raven

然后你可以像你一样使用声明。另一种选择是在代码示例中执行类似操作（但它不是CLI项目）：https：//github.com/Farata/angular2typescript/tree/master/chapter2/hello-world-ts-jquery –

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

回答

相关问题