Reactjs 错误:React应用程序中未定义AudioWorkletNode

Reactjs 错误:React应用程序中未定义AudioWorkletNode,reactjs,webrtc,web-audio-api,scriptprocessor,Reactjs,Webrtc,Web Audio Api,Scriptprocessor,我正在尝试在React中创建AudioWorklet。我正在使用createreact应用程序,并将在react上下文之外工作的脚本导入app.jsx。无法实例化AudioWorkletNode扩展并引发以下错误: Failed to compile. ./src/worklet/worklet-node.js Line 2: 'AudioWorkletNode' is not defined no-undef 守则: // The code in the main globa

我正在尝试在React中创建AudioWorklet。我正在使用createreact应用程序,并将在react上下文之外工作的脚本导入app.jsx。无法实例化AudioWorkletNode扩展并引发以下错误:

   Failed to compile.
./src/worklet/worklet-node.js
  Line 2:  'AudioWorkletNode' is not defined  no-undef
守则:

 // The code in the main global scope.
    class MyWorkletNode extends AudioWorkletNode {
        constructor(context) {
          super(context, 'my-worklet-processor');
        }
      }

      let context = new AudioContext();

      context.audioWorklet.addModule('processor.js').then(() => {
        let node = new MyWorkletNode(context);
      });

同样的代码正在成功初始化AudioWorklet,因此我对AudioWorkletNode未被识别的原因感到有点困惑。

Create React App配置为强制您使用
窗口访问类似的浏览器API。
限定符。这样很明显,您使用的是全局的,并且没有忘记导入一些东西(这是非常常见的)

这应该起作用:

class MyWorkletNode extends window.AudioWorkletNode {

Create React应用程序配置为强制您使用
窗口访问类似的浏览器API。
限定符。这样很明显,您使用的是全局的,并且没有忘记导入一些东西(这是非常常见的)

这应该起作用:

class MyWorkletNode extends window.AudioWorkletNode {

(在未来的版本中,默认情况下,ESLint将知道这个全局错误,并且您将能够删除
窗口。
),尽管下一个错误已经被发现——DomeException:用户中止了请求,尽管我已经将所有内容都附加到了click处理程序。嗯?似乎与您的问题无关。@bloom.510关于“DomeException:用户中止请求”错误,请参阅,但如前所述,这是一个单独的问题。您好,从2020年起,在更改为
窗口后。AudioWorkletNode
获取:
类型错误:未定义的类扩展值不是构造函数或null
(在未来的版本中,默认情况下,ESLint会意识到这个全局错误,您将能够删除
窗口。
)尽管下一个错误已经暴露出来——DomeException:用户中止了请求,尽管我已经将所有内容都附加到了click处理程序。嗯?似乎与您的问题无关。@bloom.510“DomeException:用户中止请求”错误请参见,但如前所述,这是一个单独的问题。从2020年起,在更改为
窗口后,您好。AudioWorkletNode
获取:
类型错误:未定义的类扩展值不是构造函数或null