Настройка привязки к работе с angular-cli@1.0.0-beta.24

Question

Мне трудно понять, как настроить привязку с помощью приложения 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 Результатом является эта ошибка:

• 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

Похоже, вам нужно изменить ваш импорт на:

импортировать * как Drop из 'tether-drop';

И тогда вы можете использовать его в соответствии с README:

const dropInstance = new Drop ({
  / * варианты здесь */
});