Question

class InputWorkletNode extends window.AudioWorkletNode {
    constructor(context) {
        super(context, 'input-processor');
    }

    get recBuffers() {
        return ['test', 'test!'];
    } 
}

将代码放入我的reactjs项目（由create-react-app初始化）后，它给了我以下错误：

未处理的拒绝（TypeError）：构造失败 “ AudioWorkletNode”：请使用此DOM对象的“ new”运算符构造函数不能称为函数。

以前有人遇到过同样的问题吗？任何帮助将不胜感激。

Answer 1

通过将代码放入公用文件夹并将其更改为

来解决

window.InputWorkletNode = class InputWorkletNode extends window.AudioWorkletNode {
   constructor(context) {
       super(context, 'input-processor');
   }    get recBuffers() {
       return ['test', 'test!'];
   }
}

Answer 2

对我来说成功的一个选择是从 es5 更改为 es6。

"target": "es6"

在 tsconfig.json 中

未处理的拒绝（TypeError）：无法构造'AudioWorkletNode'[ReactJS]

2 个答案: