未定义MIDI

Question

在将angular的8.1.3版本升级到~9.0.6和一些其他依赖项之后，我得到以下错误：

loader.js:9 Uncaught ReferenceError: MIDI is not defined
    at Object.../../node_modules/midi/js/loader.js (loader.js:9)
    at __webpack_require__ (bootstrap:79)
    at Object.../../node_modules/abcjs/src/midi/abc_midi_controls.js (abc_midi_controls.js:37)
    at __webpack_require__ (bootstrap:79)
    at Object.../../node_modules/abcjs/src/api/abc_tunebook_midi.js (abc_tunebook_midi.js:3)
    at __webpack_require__ (bootstrap:79)
    at Object.../../node_modules/abcjs/midi.js (midi.js:18)
    at __webpack_require__ (bootstrap:79)
    at Module.../midi-lib/src/lib/service/sheet.service.ts (sheet.service.ts:1)
    at __webpack_require__ (bootstrap:79)

出现错误的依赖项的源码：

if (typeof MIDI === 'undefined') MIDI = {};

我尝试降级：abcjs从^5.12.0回到^5.6.11 @types/webmidi，从^2.0.4回到^2.0.3 web-midi-api，从^2.0.7回到^2.0.5 <代码>D14，从<代码>D15回到<代码>D16，但它没有改变任何东西。

更新:从package.json文件中删除abcjs依赖项时，错误消失了，项目应用程序运行正常。

这是来自现在工作的应用程序的升级依赖项列表。请注意abcjs依赖项是如何消失的。

  "dependencies": {
    "@tonejs/midi": "^2.0.15",
    "@types/webmidi": "^2.0.4",
    "core-js": "^2.6.11",
    "fstream": "^1.0.12",
    "midi-file-slicer": "^5.0.45",
    "midi-json-parser": "^6.4.19",
    "nexusui": "^2.0.10",
    "rxjs": "~6.5.4",
    "tone": "^13.4.9",
    "tslib": "^1.10.0",
    "vexflow": "^1.2.90",
    "web-midi-api": "^2.0.7",
    "zone.js": "~0.10.2"
  },
  "peerDependencies": {},
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.900.6",
    "@angular-devkit/build-ng-packagr": "~0.900.6",
    "@angular/animations": "~9.0.6",
    "@angular/cli": "~9.0.6",
    "@angular/common": "~9.0.6",
    "@angular/compiler": "~9.0.6",
    "@angular/compiler-cli": "~9.0.6",
    "@angular/core": "~9.0.6",
    "@angular/forms": "~9.0.6",
    "@angular/language-service": "~9.0.6",
    "@angular/platform-browser": "~9.0.6",
    "@angular/platform-browser-dynamic": "~9.0.6",
    "@angular/router": "~9.0.6",
    "@types/jasmine": "~2.8.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "^12.11.1",
    "codelyzer": "^5.1.2",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "ng-packagr": "^9.0.0",
    "protractor": "^5.4.3",
    "ts-node": "~7.0.0",
    "tslint": "~5.11.0",
    "typescript": "^3.7.5"
  }

Answer 1

你能尝试一下下面的方法吗？

  "abcjs": "6.0.0-beta.8",

我会尽快研究这个问题，但我认为该版本在默认情况下并不依赖于midi.js库。

编辑还有，你是如何包括abcjs？类似于：

const abcjs = require("abcjs");

或者其他方式？