javascript - 加载模块时出现 AudioWorklet DOMException 错误

Question

我正在开发一个 WebAudio 应用程序，它需要 AudioWorklets 并且需要来自许多不同脚本的函数以用于 process() 函数。因此，我尝试使用 import 命令在 processor 脚本 (frictionProcessor.js) 中加载所述脚本，如下所示:

import {MAX_ERROR, MAX_ITERATIONS} from "./utilities.js";  
class FrictionProcessor extends AudioWorkletProcessor {...}
registerProcessor('frictionProcessor', FrictionProcessor);

utilities.js 是:

//Constants
const MAX_ERROR = 0.001;
const MAX_ITERATIONS = 50;
const MAX_POS = 10000.0;
const LCG_MULT = 1664525;
const LCG_ADD = 1013904223;

这给出了错误:未捕获( promise )DOMException:用户中止请求。
当带有 import 的行被注释时，此错误消失，但我需要加载很多模块(不仅是此处显示的模块)，所以不使用它不是解决方法。

我发现的最接近的问题是:AudioWorklet error: DOMException: The user aborted a request .然而，这并没有多大帮助，因为我不确定如何使用 application/javascript 为 worklet-processor 提供服务，因为它加载了 addModule 函数。

另一方面，我尝试了来自 https://developers.google.com/web/updates/2018/06/audio-worklet-design-pattern 的设计模式示例代码，它们工作正常。

我使用 Chrome 69 和 Web Server for Chrome 作为本地主机。

有谁知道为什么会发生这种情况，或者如何避免这种情况？该错误是反复出现的，并且不是很清楚。

谢谢

Answer 1

也许你的 utilities.js 应该是:

const MAX_ERROR = 0.001;
const MAX_ITERATIONS = 50;
const MAX_POS = 10000.0;
const LCG_MULT = 1664525;
const LCG_ADD = 1013904223;

export {
  MAX_ERROR,
  MAX_ITERATIONS,
  MAX_POS,
  LCG_MULT,
  LCG_ADD,
};

此外，任何评估/解析错误都会导致 DOMException。我同意这可以改进。我提交了 a bug