ReferenceError: AudioBuffer is not defined

Question

我正在尝试在 next.js React 项目中使用 tone.js。 当我 运行 或构建我得到这个错误“ReferenceError: AudioBuffer is not defined”

我已经在 codesandbox 中隔离了 tone.js 代码，它运行良好。 https://codesandbox.io/s/tonejs-react-pink-noise-generator-pfnl0?file=/src/App.js

但不在 next.js 应用程序中

ReferenceError: AudioBuffer is not defined
    at ki (/node_modules/tone/build/Tone.js:1:117922)```

Answer 1

AudioBuffer 是网络浏览器的东西，node.js 中不存在。您收到的错误是因为使用 AudioBuffer 的代码不能在服务器上 运行。您只需要在浏览器中实例化那部分代码。这通常在 useEffect 钩子中完成，或者在服务器上，您可以先检查是否定义了 window 对象。