【问题标题】:How can I integrate Next Js with MDBootstrap如何将 Next Js 与 MDBootstrap 集成
【发布时间】:2018-12-20 18:54:56
【问题描述】:

我正在通过官方文档学习 Next Js,所以,我正在尝试建立一个网站,我很想集成 MDB。

我按照他们在此处的建议安装了它: https://mdbootstrap.com/react/5-min-quick-start/

但是当我运行http://localhost:3000/ 时,它会抛出如下截图所示的错误

你能帮帮我吗?

【问题讨论】:

标签: reactjs next.js mdbootstrap


【解决方案1】:

mdb 好像不支持 SSR。

NextJS 中的每个页面都首先从服务器渲染。如果 mdb 在一种渲染方法中访问 window 或任何浏览器仅 JS 全局(historylocalStorage),则会破坏 SSR。

不过你确实有一些选择。

  1. 使用 NextJS dynamic components 禁用 SSR
  2. Wait NextJS 团队实现了一个很好的方法来禁用某些组件的 SSR
  3. 在做 SSR 时创建一个模拟 window 对象以避免错误
  4. 分叉 MDB 以修复其 SSR 组件,并创建拉取请求以贡献您的更改

【讨论】:

    【解决方案2】:

    window 对象在服务器上不存在,仅在客户端可用。

    除了 Clément Prévost 提到的内容之外,您还可以在 componentDidMount 之后加载所需的组件。这不是最有效的方法。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-02-05
      • 2019-12-04
      • 2020-05-21
      • 2019-01-04
      • 2022-01-09
      • 2019-06-29
      • 2021-04-05
      • 1970-01-01
      相关资源
      最近更新 更多