fix: quilleditor ssr加载失败

14790897 · Feb 25, 2024 · 8a25248 · 8a25248
1 parent a3a499a
commit 8a25248
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 2 deletions.
diff --git a/components/QuillWrapper.tsx b/components/QuillWrapper.tsx
@@ -1,8 +1,12 @@
 "use client";
-
+import dynamic from "next/dynamic";
 import ReduxProvider from "@/app/store/ReduxProvider";
-import QEditor from "@/components/QuillEditor";
+// import QEditor from "@/components/QuillEditor";
 
+// 动态导入 QuillEditor 组件，禁用 SSR
+const QEditor = dynamic(() => import("@/components/QuillEditor"), {
+  ssr: false,
+});
 export default function QuillWrapper({ lng }) {
   return (
     <ReduxProvider>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -33,6 +33,7 @@
     "next-redux-wrapper": "^8.1.0",
     "openai": "^4.24.3",
     "postcss": "8.4.35",
+    "punycode": "^2.3.1",
     "quill": "^1.3.7",
     "quill-to-word": "^1.3.0",
     "raw-body": "^2.5.2",