如何将引导程序添加到NextJS

Question

我有一个mdbreact包的问题，​​因为当我添加一些组件，如按钮等，我收到错误：“窗口没有定义”。我做了一个研究，发现窗口对象只在客户端定义。是否有可能将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。