我有一个现有的next.js应用程序，我正在尝试将tldraw添加到其中。我已经启用了typescript，并尝试运行一个在这里找到的示例：https://codesandbox.io/s/n539u?file=/src/App.tsx，但我继续得到以下错误：
Server Error
ReferenceError: window is not defined
ReferenceError: window is not defined
at Object.<anonymous> (.../node_modules/@tldraw/tldraw/dist/index.js:76:31285)以下是用于此项目的相关依赖项：
"dependencies": {
"@tldraw/tldraw": "^1.28.0",
"next": "13.0.5",
"react": "18.2.0",
"react-dom": "18.2.0",
}有人有同样的问题吗？
TLDraw可以在这里找到：https://github.com/tldraw/tldraw
1条答案
按热度按时间lskq00tm1#
您应该确保在客户端加载tldraw而不是在服务器渲染上加载。
你可以使用useEffect在客户端加载tldraw，或者使用suspension异步加载它。