Question

我在我的应用程序中使用了howler包。我使用安装了打字机 <div class="item"> <div class="carousel-col"> <div class="block yellow img-responsive"></div> </div> </div>以及我的 index.html 我添加了以下脚本标记

npm install --save @types/howler

但是当我尝试使用 ng serve 命令提供应用程序时，它仍显示错误<script src="./node_modules/howler/dist/howler.min.js"></script>。

Answer 1

安装howler和typescript定义：

npm install howler --save
npm install @types/howler --save

您无需将其导入index.html文件，只需直接在组件类中导入howler：

import { Howl } from 'howler';

Answer 2

有时，如果您有一个没有modules要导入的库，则只需要使用declare关键字declare the variable。

例如，将您的脚本保留在index.html中：

<script src="./node_modules/howler/dist/howler.min.js"></script>

但是在你的组件中（如果你确定将加载这个脚本），你可以声明嚎叫：

import { Component } from '@angular/core';

declare var Howl; <-- declare above @Component

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular 5';
}

注意：您通常会看到Jquery：declare var $;

<小时/> 为面临同样问题的其他人找到了良好的资源：
https://basarat.gitbooks.io/typescript/docs/why-typescript.html
https://github.com/DefinitelyTyped/DefinitelyTyped

错误TS2304：找不到名字'Howl'

2 个答案: