ReferenceError:未定义窗口-Next.js滑块



我无法调试并找到windows引用错误问题。

ReferenceError: window is not defined
at /home/ubuntu/Desktop/project/my-app/node_modules/@splidejs/splide/dist/js/splide.js:5857:1
at Object.<anonymous> (/home/ubuntu/Desktop/project/my-app/node_modules/@splidejs/splide/dist/js/splide.js:5858:12)
at Module._compile (internal/modules/cjs/loader.js:1085:14)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
at Module.load (internal/modules/cjs/loader.js:950:32)
at Function.Module._load (internal/modules/cjs/loader.js:790:14)
at Module.require (internal/modules/cjs/loader.js:974:19)
at require (internal/modules/cjs/helpers.js:92:18)
at Object.<anonymous> (/home/ubuntu/Desktop/project/my-app/node_modules/@splidejs/react-splide/dist/js/components/Splide.js:10:38)
at Module._compile (internal/modules/cjs/loader.js:1085:14)

这意味着@splidejs/react-splide只支持客户端渲染(Next.js是一个服务器端渲染框架,以防您从未注意到它(。你可以做一个简单的检查,看看你的网站是否在客户端运行。

类似的东西

<SomeComponent>
{/* only render <Splide/> if window exists, i.e. on the client side */}
{window && <Splide />}
<AnotherComponent />
</SomeComponent>

最新更新