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：未定义窗口

我遵循解决方案并更改了代码，如下所示：

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钩子/ componentDidMount。

在此处放置您的window相关代码。

NextJS-ReferenceError：窗口未定义

1 个答案: