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

Question

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

重现步骤：

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的结果是这个错误：

• ERROR in ./src/app/app.component.ts Module build failed: Error: D:/Visual Studio Code/tester/src/app/app.component.ts (3,10): Module '"D:/Visual Studio Code/tester/node_modules/@types/tether-drop/index"' has no exported member 'Drop'.) at _checkDiagnostics (D:\Visual Studio Code\tester\node_modules\@ngtools\webpack\src\loader.js:116:15) at D:\Visual Studio Code\tester\node_modules\@ngtools\webpack\src\loader.js:141:17 @ ./src/app/app.module.ts 14:0-47 @ ./src/main.ts @ multi main

我一直在努力将第三方库集成到 angular-cli 生成的项目（webpack）中。我设法让他们中的一些人工作，但这个解决方案正在暗示我。

有人可以启发我并消除我的无知负担吗？

Answer 1

看来您需要将导入更改为：

从'tether-drop'导入*作为Drop；

然后你可以按照 README 使用它：

常量 dropInstance = new Drop({
  /* 这里有选项 */
});