angular - ng 构建错误 - 属性 'requestMIDIAccess' 不存在

Question

我正在尝试使用 Web Midi API 构建一个 Angular2 项目。

运行时ng build , 由于抛出某些错误，我无法完成该过程，特别是:

Error in bail mode: [default] /Users/JmsToh/GitHub/web-editor/web-editor/src/app/midi.service.ts:43:22 Property 'requestMIDIAccess' does not exist on type 'Navigator'.

This comes from this part of the code:

if (navigator.requestMIDIAccess) {
  this.browserMidiCompatible = true;
  navigator.requestMIDIAccess({ sysex: false })
    .then(this.onMIDISuccess.bind(this), this.onMIDIReject.bind(this));
} else {
  alert("Platform not compatible");
}

运行时，该应用程序在 Chrome 上运行良好 ng serve .有什么办法可以让Angular2在构建时忽略错误？

Answer 1

添加 necessary type definitions使用:

npm install @types/webmidi

重启后应该会自动发现 tsc .

note: If after installing the library you see errors "Cannot find name Map", see this answer.