next.js 下一个.js-SunEditor错误:core._resourcesStateChange不是函数

lf3rwulv  于 2022-12-12  发布在  其他
关注(0)|答案(1)|浏览(118)

我想使用SunEditor在Next.js上创建RichTextBox(wysiwyg),但是我得到了TypeError: core._resourcesStateChange is not a function。当我在React.js上尝试相同的代码时,我没有遇到任何问题。如何解决这种情况?

  • 编辑器组件 *
import React from "react";
import 'suneditor/dist/css/suneditor.min.css'; 
import dynamic from "next/dynamic";
const SunEditor = dynamic(() => import("suneditor-react"), {
    ssr: false,
  });
  
  const TextEditor2 = props => { 
    return (
      <div>
        <SunEditor  />
      </div>
    );
  };
  export default TextEditor2;
  • 索引.js*
import "suneditor/dist/css/suneditor.min.css";
import styles from "../styles/Home.module.css";
import TextEditor2 from "../components/TextEditor2";

export default function Home() {
  return (
    <div className={styles.container}>
      <TextEditor2/>
    </div>
  );
}

tyg4sfes

tyg4sfes1#

我把我的下一个版本降级到12.2.2,然后问题就解决了。我不确定sun编辑器和下一个版本之间的相关性。我实际上有一个中间件问题,我通过降级下一个版本解决了它,然后sun编辑器的错误消息就消失了。
https://nextjs.org/docs/advanced-features/middleware
根据链路v12.2.0中间件是否稳定

相关问题