Question

我试图以角度6导入tone.js.正如在tone.js安装doc中提到的，我安装了tone.js。

npm - npm install tone

我尝试在app.module.ts中导入Tone

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

如果您正在使用angular-cli，您可以尝试将ToneJS库作为外部脚本添加到angular.json

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

如果你在src / typings.d.ts上没有typings.d.ts文件，请创建此文件并添加此行 declare var Tone: any;

现在，ToneJs应该可供您在整个应用程序中用作全局变量。所以你可以像这样使用它：

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

今天早晨，我在搜寻这个主题时发现了一个名为Dylan Lawrence的人a nice starter。超级有帮助！

在angular6中使用tone.js

2 个答案: