enter image description here
我的错误代码
你好,我想自定义羽毛笔编辑器一样分隔。
但是,当我使用{Quill}时,我出现了类似的错误。
我该怎么解决这个问题呢?
这是我代码
import { Quill } from 'react-quill';
const quill = Quill;
const modules = useMemo(
() => ({
toolbar: {
container: /**/
handlers: {
hr: () => {
setHtmlContent((prev: string) => {
return prev + '<hr/>';
});
},
},
},
}),
[]
);
const formats = [
/**/
'hr',
];
return (
<ReactQuill
theme="snow"
modules={modules}
formats={formats}
value={htmlContent}
onChange={(content, delta, source, editor) => {
setHtmlContent(editor.getHTML());
}}
/>
);
};
1条答案
按热度按时间v8wbuo2f1#
react-quill
包使用了一些浏览器API,如document
,这些API在服务器上不可用。当Next.js在服务器端呈现页面时会导致此错误。您可以通过仅使用dynamic
导入在客户端上加载此包来修复此问题。在这里,尝试按如下方式导入:
希望这个有用。