diff --git a/src/views/Screen/WritingBoardTool.vue b/src/views/Screen/WritingBoardTool.vue
index aec875e8..6b620df8 100644
--- a/src/views/Screen/WritingBoardTool.vue
+++ b/src/views/Screen/WritingBoardTool.vue
@@ -117,7 +117,7 @@ const emit = defineEmits<{
 
 const { currentSlide } = storeToRefs(useSlidesStore())
 
-const writingBoardRef = ref<typeof WritingBoard>()
+const writingBoardRef = ref<InstanceType<typeof WritingBoard>>()
 const writingBoardColor = ref('#e2534d')
 const writingBoardModel = ref<WritingBoardModel>('pen')
 const blackboard = ref(false)
@@ -164,6 +164,8 @@ watch(currentSlide, () => {
 // 每次绘制完成后将绘制完的图片更新到数据库
 const hanldeWritingEnd = () => {
   const dataURL = writingBoardRef.value!.getImageDataURL()
+  if (!dataURL) return
+
   db.writingBoardImgs.where('id').equals(currentSlide.value.id).toArray().then(ret => {
     const currentImg = ret[0]
     if (currentImg) db.writingBoardImgs.update(currentImg, { dataURL })
diff --git a/src/views/components/element/AudioElement/ScreenAudioElement.vue b/src/views/components/element/AudioElement/ScreenAudioElement.vue
index 69729a9d..d2ee02a7 100644
--- a/src/views/components/element/AudioElement/ScreenAudioElement.vue
+++ b/src/views/components/element/AudioElement/ScreenAudioElement.vue
@@ -83,7 +83,7 @@ const audioPlayerPosition = computed(() => {
   }
 })
 
-const audioPlayerRef = ref<typeof AudioPlayer>()
+const audioPlayerRef = ref<InstanceType<typeof AudioPlayer>>()
 const toggle = () => {
   if (!audioPlayerRef.value) return
   audioPlayerRef.value.toggle()
diff --git a/src/views/components/element/ShapeElement/index.vue b/src/views/components/element/ShapeElement/index.vue
index 54eca8d7..83630d0f 100644
--- a/src/views/components/element/ShapeElement/index.vue
+++ b/src/views/components/element/ShapeElement/index.vue
@@ -177,7 +177,7 @@ const checkEmptyText = () => {
   }
 }
 
-const prosemirrorEditorRef = ref<typeof ProsemirrorEditor>()
+const prosemirrorEditorRef = ref<InstanceType<typeof ProsemirrorEditor>>()
 const startEdit = () => {
   editable.value = true
   nextTick(() => prosemirrorEditorRef.value && prosemirrorEditorRef.value.focus())