使用 NEXT.js 实现 Owl 轮播

Posted 2023-02-22

【中文标题】使用 NEXT.js 实现 Owl 轮播

【英文标题】：Implementing Owl carousel with NEXT.js [duplicate]

【发布时间】：2021-10-25 18:13:15

【问题描述】：

我已经完成了 owl-carousel 用户指南中的说明，但我收到了这个服务器错误 ReferenceError：未定义窗口。 我认为插件或config.next中有问题

请帮助我该怎么办

【问题讨论】：

您使用的库可能与 s-s-r 不兼容。要使用仅限浏览器的库，请执行动态导入。参考：nextjs.org/docs/advanced-features/dynamic-import#with-no-s-s-r 另请参考：***.com/q/55151041/11613622

您能提供您的组件的代码示例吗？

【参考方案1】：

将滑块初始化代码移动到 componentDidMount() 或 useEffect 如果您正在使用钩子。