如何将引导程序添加到NextJS

Question

我在使用mdbreact软件包时遇到了问题，因为当我添加按钮等组件时，出现了错误：“未定义窗口”。我进行了研究，发现window对象仅在客户端定义。 是否可以将Bootstrap添加到NextJS中？？

Answer 1

在撰写本文时，只有一种“干净”的方法：使用Dynamic Components禁用那些组件的SSR。

import dynamic from 'next/dynamic'
const ButtonWithNoSSR = dynamic(import('react-bootstrap/lib/Button'), {
  ssr: false
})

“肮脏”的方式是通过模拟窗口对象来使react-bootstrap支持SSR。