1

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) に統合するのに非常に苦労しました。私はそれらのいくつかを機能させることができましたが、これに対する解決策は私をほのめかしています。

誰かが私を啓発し、この無知の重荷を私から取り除くことができますか?

4

1 に答える 1

0

インポートを次のように変更する必要があるようです。

import * as Drop from 'tether-drop';

その後、README に従って使用できます。

const dropInstance = new Drop({
  /* オプションはこちら */
});
于 2016-12-27T02:42:09.377 に答える