diff --git a/src/checkbox/checkbox.vue b/src/checkbox/checkbox.vue
index c6e18feb3..4df008710 100644
--- a/src/checkbox/checkbox.vue
+++ b/src/checkbox/checkbox.vue
@@ -68,7 +68,7 @@ import {
 import config from '../config';
 import CheckboxProps from './props';
 import { renderContent, renderTNode, TNode, useDefault } from '../shared';
-import { TdCheckboxProps } from '@/checkbox/type';
+import { TdCheckboxProps } from '../checkbox/type';
 import MinusLineFilledIcon from './assets/minus-line-filled-icon.svg';
 import CheckLineFilledIcon from './assets/check-line-filled-icon.svg';
 
diff --git a/src/form/form.vue b/src/form/form.vue
index 1fe98f7d5..1da83a805 100644
--- a/src/form/form.vue
+++ b/src/form/form.vue
@@ -21,7 +21,7 @@ import props from './props';
 import { FormInjectionKey, FormItemContext } from './const';
 import { FormDisabledProvider } from './hooks';
 import config from '../config';
-import { renderContent } from '@/shared';
+import { renderContent } from '../shared';
 import { FormItemValidateResult } from './form-item.vue';
 
 const { prefix } = config;
diff --git a/src/notice-bar/demos/customization.vue b/src/notice-bar/demos/customization.vue
index 9191284f4..98518b419 100644
--- a/src/notice-bar/demos/customization.vue
+++ b/src/notice-bar/demos/customization.vue
@@ -32,7 +32,7 @@
 <script lang="ts" setup>
 import { h } from 'vue';
 import { CloseIcon, ChevronRightIcon } from 'tdesign-icons-vue-next';
-import { Toast } from '@/components';
+import { Toast } from 'tdesign-mobile-vue';
 
 const closeIcon = () => h(CloseIcon);
 const arrowRight = () => h(ChevronRightIcon);
diff --git a/src/notice-bar/demos/event.vue b/src/notice-bar/demos/event.vue
index ae119a97f..4a2a8f772 100644
--- a/src/notice-bar/demos/event.vue
+++ b/src/notice-bar/demos/event.vue
@@ -19,7 +19,7 @@
 <script lang="ts" setup>
 import { h } from 'vue';
 import { CloseIcon, ChevronRightIcon } from 'tdesign-icons-vue-next';
-import { Toast } from '@/components';
+import { Toast } from 'tdesign-mobile-vue';
 
 const iconFunc = () => h(CloseIcon);
 const arrowRight = () => h(ChevronRightIcon);
diff --git a/src/picker/demos/cascade.vue b/src/picker/demos/cascade.vue
index 4bf1401af..6d6fd0f0a 100644
--- a/src/picker/demos/cascade.vue
+++ b/src/picker/demos/cascade.vue
@@ -19,7 +19,7 @@
 
 <script lang="ts" setup>
 import { ref, computed, reactive } from 'vue';
-import ToastPlugin from '@/toast';
+import { ToastPlugin } from 'tdesign-mobile-vue';
 import { PickerValue } from '../type';
 
 const roles = [
diff --git a/src/pull-down-refresh/demos/timeout.vue b/src/pull-down-refresh/demos/timeout.vue
index af3da0000..001e4b3ca 100644
--- a/src/pull-down-refresh/demos/timeout.vue
+++ b/src/pull-down-refresh/demos/timeout.vue
@@ -14,7 +14,7 @@
 
 <script lang="ts">
 import { ref, defineComponent } from 'vue';
-import { Toast } from '@/components';
+import { Toast } from 'tdesign-mobile-vue';
 
 export default defineComponent({
   setup(props, context) {