设置 tether-drop 以与 angular-cli@1.0.0-beta.24 一起使用

Setting up tether-drop to work with angular-cli@1.0.0-beta.24

我很难弄清楚如何使用 angular 2 使用 angular-cli@1.0.0-beta.24 创建的应用程序设置系绳掉落。

重现步骤:

  1. 使用 angular-cli 创建一个新项目。
    • ng new tester --skip-git
  2. 按照 angular-cli 说明安装第三方库:
    • npm install tether-drop --save
    • npm install @types/tether-drop --save
  3. 此时我完全希望能够在 app.component.ts 中使用以下行
    • import { Drop } from 'tether-drop';

但是当我ng serve结果是这个错误:

我一直在努力将第三方库集成到 angular-cli 生成的项目 (webpack) 中。我设法让其中一些工作正常,但这个解决方案暗示了我。

谁能开导我,解除我无知的负担?

您似乎需要将导入更改为:

import * as Drop from 'tether-drop';

然后您可以按照自述文件使用它:

const dropInstance = new Drop({
  /* options here */
});