ReferenceError:未定义AudioBuffer

Question

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

我已经将tone.js代码隔离在codesandbox中，它工作得很好。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是一个web浏览器的东西，它不存在于node.js中。您得到的错误是因为使用AudioBuffer的代码不能在服务器上运行。您只需要在浏览器中实例化该部分代码。这通常是在useEffect钩子中完成的，或者在服务器上，您可以首先检查是否定义了window对象。