由於 SSR，Reactotron 不適用於 NextJS

Question

我正在為我的 NextJS 應用程序配置 redux 存儲，我通常使用 Reactotron 庫來檢查存儲。 但是，NextJS 是服務器端渲染，如果我在應用程序文件中導入配置，它會給出一個錯誤window is not defined

這是我的配置文件： https : //github.com/LauraBeatris/amazon-next/blob/develop/src/config/ReactotronConfig.js

還有我的應用程序文件： https : //github.com/LauraBeatris/amazon-next/blob/develop/src/pages/_app.js

我想知道是否有一種方法可以將 Reactotron 與 NextJS 一起使用

Answer 1

在 NextJS 中，您只能在客戶端動態導入模塊。 你應該像這樣導入它：

import dynamic from "next/dynamic"

const DynamicComponentWithNoSSR = dynamic(
  () =>  import '~/config/ReactotronConfig',
  { ssr: false }
)

但是我不確定 Reactotron 是否會按照您期望的方式工作，因為我不了解該庫。