将第三方库添加到angular2 cli

Question

我试图将第三方库添加到angular2，即Flickity滑块。

试图安装打字。导入它们时，我收到错误@typings/flickity is not a module。

第二次尝试在angular-cli.json中添加它。如文档中所述，在apps[0].scripts中添加。 在组件中，我使用了它：

this.slider = new Flickity（＆＃39; .news-wrapper＆＃39;，{     cellAlign：＆＃39; left＆＃39;，     包含：true，     prevNextButtons：false，     pageDots：是的   }）;

编译时我收到错误Cannot find name 'Flickity'.，但在运行网站时，它就像魅力一样。

问题是由于该错误，我无法构建应用程序。

应该如何添加？

Answer 1

按照以下步骤在angular-cli项目中使用flickity

1. npm install flickity --save
2. 声明模块＆＃39; flickity＆＃39 ;;在typings.d.ts
3. 导入*作为Flickity来自＆＃34; flickity＆＃34 ;;在app.component.ts（需要在任何需要的地方导入）

像你提到的那样使用它

this.slider = new Flickity('.news-wrapper', { cellAlign: 'left', contain: true, prevNextButtons: false, pageDots: true });

Answer 2

我不确定这是否有效，但您可以在需要轻微的文件中尝试此操作。

let Flickity = require('flickity');

请确保您使用NPM安装了Flickity