diff --git a/src/views/chart/ContentEdit/components/EditTools/hooks/useFile.hooks.ts b/src/views/chart/ContentEdit/components/EditTools/hooks/useFile.hooks.ts
index 63e5a2a6..1d814987 100644
--- a/src/views/chart/ContentEdit/components/EditTools/hooks/useFile.hooks.ts
+++ b/src/views/chart/ContentEdit/components/EditTools/hooks/useFile.hooks.ts
@@ -33,15 +33,23 @@ export const useFile = () => {
             negativeButtonProps: { type: 'info', ghost: false },
             // 新增
             onPositiveCallback: async () => {
-              fileData = JSON.parse(fileData)
-              await updateComponent(fileData, false, true)
-              window['$message'].success('导入成功！')
+              try {
+                fileData = JSON.parse(fileData)
+                await updateComponent(fileData, false, true)
+                window['$message'].success('导入成功！')
+              } catch (error) {
+                window['$message'].error('组件导入失败，请检查文件完整性!')
+              }
             },
             // 覆盖
             onNegativeCallback: async () => {
-              fileData = JSON.parse(fileData)
-              await updateComponent(fileData, true, true)
-              window['$message'].success('导入成功！')
+              try {
+                fileData = JSON.parse(fileData)
+                await updateComponent(fileData, true, true)
+                window['$message'].success('导入成功！')
+              } catch (error) {
+                window['$message'].error('组件导入失败，请检查文件完整性!')
+              }
             }
           })
         })
diff --git a/src/views/chart/ContentLayers/components/LayersListItem/index.vue b/src/views/chart/ContentLayers/components/LayersListItem/index.vue
index 2e72cff0..859abca9 100644
--- a/src/views/chart/ContentLayers/components/LayersListItem/index.vue
+++ b/src/views/chart/ContentLayers/components/LayersListItem/index.vue
@@ -9,9 +9,9 @@
         :fallback-src="requireErrorImg()"
       ></n-image>
       <n-ellipsis style="margin-right: auto">
-        <n-text class="list-text" :depth="2">
+        <span class="list-text">
           {{ props.componentData.chartConfig.title }}
-        </n-text>
+        </span>
       </n-ellipsis>
       <layers-status :isGroup="isGroup" :hover="hover" :status="status"></layers-status>
     </div>