小编Eri*_*ric的帖子

CKEditor 5 如何在 Next.JS 上工作?

我有以下问题:

未处理的运行时错误错误:元素类型无效:需要字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。您可能忘记从定义它的文件中导出组件,或者您可能混淆了默认导入和命名导入。检查 的渲染方法Resumos

这些不同的解决方案不起作用:

解决方案一:


import dynamic from "next/dynamic";

const { CKEditor } = dynamic(
  () => {
    return import('@ckeditor/ckeditor5-react');
  },
  { ssr: false }
);

const {ClassicEditor} = dynamic(
  () => {
    return import('@ckeditor/ckeditor5-build-classic');
  },
  { ssr: false }
);

const Resumos = ({id}) => {
  <CKEditor 
       editor={ ClassicEditor }
       data={textoResumoAluno}
       onChange={handleChangeTextoResumoAluno}
  />
}
Run Code Online (Sandbox Code Playgroud)

解决方案2:

const Resumos = ({id}) => {
    const editorRef = useRef()
    const [ editorLoaded, setEditorLoaded ] = useState( false )
    const { CKEditor, …
Run Code Online (Sandbox Code Playgroud)

javascript ckeditor reactjs next.js

4
推荐指数
1
解决办法
6996
查看次数

标签 统计

ckeditor ×1

javascript ×1

next.js ×1

reactjs ×1