ReferenceError: AudioBuffer is not defined

Question

我正试图在next.js react项目中使用tone.js。当我运行或构建时，我得到了这个错误"；ReferenceError:AudioBuffer未定义"；

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