设置 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 创建的应用程序设置系绳掉落。
重现步骤:
- 使用 angular-cli 创建一个新项目。
ng new tester --skip-git
- 按照 angular-cli 说明安装第三方库:
npm install tether-drop --save
npm install @types/tether-drop --save
- 此时我完全希望能够在 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) 中。我设法让其中一些工作正常,但这个解决方案暗示了我。
谁能开导我,解除我无知的负担?
您似乎需要将导入更改为:
import * as Drop from 'tether-drop';
然后您可以按照自述文件使用它:
const dropInstance = new Drop({
/* options here */
});
我很难弄清楚如何使用 angular 2 使用 angular-cli@1.0.0-beta.24 创建的应用程序设置系绳掉落。
重现步骤:
- 使用 angular-cli 创建一个新项目。
ng new tester --skip-git
- 按照 angular-cli 说明安装第三方库:
npm install tether-drop --save
npm install @types/tether-drop --save
- 此时我完全希望能够在 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) 中。我设法让其中一些工作正常,但这个解决方案暗示了我。
谁能开导我,解除我无知的负担?
您似乎需要将导入更改为:
import * as Drop from 'tether-drop';
然后您可以按照自述文件使用它:
const dropInstance = new Drop({ /* options here */ });