NextJS - ReferenceError：未定义窗口

Question

import dynamic from 'next/dynamic'
import { convertToRaw } from 'draft-js';
import { Editor } from 'react-draft-wysiwyg';
import draftToMarkdown from 'draftjs-to-markdown';
import ReactMarkdown from 'react-markdown'

当我刷新页面时，发生错误：ReferenceError: window is not defined

我遵循解决方案并更改代码如下：

const { convertToRaw } = dynamic(import('draft-js'),{ssr:false})
const { Editor } = dynamic(import('react-draft-wysiwyg'),{ssr:false})

const draftToMarkdown = dynamic(() => import("draftjs-to-markdown"), {
  ssr: false
});
const ReactMarkdown = dynamic(() => import("react-markdown"), {ssr:false})

但是这次不显示，什么都没有，是空白页 请找到解决办法

Answer 1

由于 Next.js 在服务器和客户端上运行，您需要确保您的代码仅在 客户端 中运行时才能访问window 对象。

肯定有两件事在客户端上运行，事件句柄和useEffect hook / componentDidMount。

把你的window相关代码放在那里。