использование tone.js в angular6

Question

Я пытаюсь импортировать tone.js в angular 6. Как уже упоминалось в установке tone.js doc , я установил tone.js.

npm - npm install tone

Я пытался импортироватьТон в app.module.ts

import { ToneJs } from 'tone';
imports: [
   ToneJs,
   ...
]

Я получил это исключение:

Error: Unexpected value 'undefined' imported by the module 'AppModule'

Как я могу импортировать и использовать tone.js с угловым?

Здесь мойугловая версия

ng -v
Angular CLI: 6.0.1
Node: 8.11.1
OS: darwin x64
Angular: 6.0.1

Редактировать:

Когда я пытаюсь загрузить его в компонент

import { Component } from '@angular/core';
import { ToneJs } from 'tone';
@Component({
  selector: 'app-player',
  templateUrl: './player.component.html',
  styleUrls: ['./player.component.css']
})
export class PlayerComponent {  
    constructor(private toneJs: toneJs) { }
}

Я получаю:

Error: Can't resolve all parameters for PlayerComponent: (?).

Answer 1

Кто-то по имени Дилан Лоуренс создал хороший стартер Я нашел, когда гуглял по этой теме этим утром.Супер полезно!

Answer 2

Если вы используете angular-cli, вы можете попробовать добавить библиотеку ToneJS в ваш angular.json в качестве внешнего скрипта

projects
- architect
  - build
    - scripts
      - [ ..., "node_modules/path/to/Tone.js"]

, если у вас нет файла typings.d.ts в src /typings.d.ts, создайте этот файл и добавьте эту строку declare var Tone: any;

Теперь ToneJ должны быть доступны для использования в приложении в качестве глобальной переменной.Таким образом, вы можете использовать его так:

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

@Component({
  selector: 'app-player',
  templateUrl: './player.component.html',
  styleUrls: ['./player.component.css']
})
export class PlayerComponent {  
    constructor() { 
        // const loop = new Tone.Loop((time) => { 
            // do something 
        }
    }
}