diff --git a/frontend/src/components/admin_next/tags/AdminTagsDetail.vue b/frontend/src/components/admin_next/tags/AdminTagsDetail.vue
index 9e3552049..8568d45c8 100644
--- a/frontend/src/components/admin_next/tags/AdminTagsDetail.vue
+++ b/frontend/src/components/admin_next/tags/AdminTagsDetail.vue
@@ -58,6 +58,7 @@
   import { useRoute } from 'vue-router'
   import dayjs from 'dayjs'
   import useFetchApi from '../../../packs/useFetchApi'
+  import { ElMessage } from 'element-plus'
 
   const route = useRoute()
 
diff --git a/frontend/src/components/community/CommunityPage.vue b/frontend/src/components/community/CommunityPage.vue
index 7c424dc2f..30623536a 100644
--- a/frontend/src/components/community/CommunityPage.vue
+++ b/frontend/src/components/community/CommunityPage.vue
@@ -19,6 +19,7 @@
   import DiscussionCards from './DiscussionCards.vue'
   import NewCommunityDiscussion from './NewCommunityDiscussion.vue'
   import useFetchApi from '../../packs/useFetchApi'
+  import { ElMessage } from 'element-plus'
 
   export default {
     props: {
diff --git a/frontend/src/components/endpoints/EndpointDetail.vue b/frontend/src/components/endpoints/EndpointDetail.vue
index 24c884702..50e024f70 100644
--- a/frontend/src/components/endpoints/EndpointDetail.vue
+++ b/frontend/src/components/endpoints/EndpointDetail.vue
@@ -49,6 +49,7 @@
   import useRepoDetailStore from '../../stores/RepoDetailStore'
   import useFetchApi from '../../packs/useFetchApi'
   import useUserStore from '../../stores/UserStore.js'
+  import { ElMessage } from 'element-plus'
 
   const userStore = useUserStore()
   const { cookies } = useCookies()
diff --git a/frontend/src/components/endpoints/EndpointPage.vue b/frontend/src/components/endpoints/EndpointPage.vue
index d1baa0b90..82c78c93d 100644
--- a/frontend/src/components/endpoints/EndpointPage.vue
+++ b/frontend/src/components/endpoints/EndpointPage.vue
@@ -65,6 +65,7 @@
   import { watch, ref } from 'vue'
   import useFetchApi from '../../packs/useFetchApi'
   import EndpointPlayground from './EndpointPlayground.vue'
+  import { ElMessage } from 'element-plus'
 
   const props = defineProps({
     appEndpoint: String,
diff --git a/frontend/src/components/finetune/FinetuneDetail.vue b/frontend/src/components/finetune/FinetuneDetail.vue
index 431ea4943..14484b6e9 100644
--- a/frontend/src/components/finetune/FinetuneDetail.vue
+++ b/frontend/src/components/finetune/FinetuneDetail.vue
@@ -105,6 +105,7 @@
   import FinetuneSettings from './FinetuneSettings.vue'
   import useFetchApi from '@/packs/useFetchApi'
   import BillingDetail from '../shared/BillingDetail.vue'
+  import { ElMessage } from 'element-plus'
 
   const props = defineProps({
     namespace: String,
diff --git a/frontend/src/components/resource_console/EvaluationTable.vue b/frontend/src/components/resource_console/EvaluationTable.vue
index 6ff45b2d5..0b5fa1965 100644
--- a/frontend/src/components/resource_console/EvaluationTable.vue
+++ b/frontend/src/components/resource_console/EvaluationTable.vue
@@ -197,6 +197,7 @@
   import ErrorStatus from '../application_spaces/ErrorStatus.vue'
   import SuccessStatus from '../application_spaces/SuccessStatus.vue'
   import { useI18n } from 'vue-i18n'
+  import { ElMessage } from 'element-plus'
 
   const { locale } = useI18n()
 
diff --git a/frontend/src/components/shared/NewFile.vue b/frontend/src/components/shared/NewFile.vue
index d788140ae..a0b4a8465 100644
--- a/frontend/src/components/shared/NewFile.vue
+++ b/frontend/src/components/shared/NewFile.vue
@@ -60,6 +60,7 @@
   import CodeEditor from '../shared/CodeEditor.vue'
   import CommunityMDTextarea from '../community/CommunityMDTextarea.vue'
   import useFetchApi from '../../packs/useFetchApi'
+  import { ElMessage } from 'element-plus'
 
   const props = defineProps({
     originalCodeContent: String,
diff --git a/frontend/src/components/shared/RepoTabs.vue b/frontend/src/components/shared/RepoTabs.vue
index 9606eb942..29017e051 100644
--- a/frontend/src/components/shared/RepoTabs.vue
+++ b/frontend/src/components/shared/RepoTabs.vue
@@ -266,6 +266,7 @@
   import BillingDetail from './BillingDetail.vue'
   import useFetchApi from '../../packs/useFetchApi'
   import { ref, computed, onMounted } from 'vue'
+  import { ElMessage } from 'element-plus'
 
   const props = defineProps({
     repoDetail: Object,