テザードロップを設定して[email protected]β24の設定をしました

Question

angle-cli@1.0.0で作成した角度2のアプリでテザードロップを設定する方法がわかりません。ベータ24。

再現手順：

1. が角-CLIを使用して新しいプロジェクトを作成します。
   • ng new tester --skip-git
2. サードパーティのライブラリをインストールするための角度-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

あなたがあなたの輸入を変更する必要があるようです：

 
import * as Drop from 'tether-drop'; 

そしてあなたはREADMEに従って、それを使用することができます。

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