在tone.js中使用angular6

Question

我试图在tone.js 6中导入tone.js，正如tone.js installation 文档中提到的，我安装了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

如果使用的是角-cli，则可以尝试将ToneJS库作为外部脚本添加到angular.json中。

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

如果在src/ypings.d.ts没有一个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 
        }
    }
}

Answer 2

今天早上，一个名叫迪伦·劳伦斯的人在谷歌搜索这个话题时创建了我发现的一个不错的起跑者。超级有帮助！