diff --git a/data-room-ui/example/App.vue b/data-room-ui/example/App.vue
index 4bcec583..5769f20f 100644
--- a/data-room-ui/example/App.vue
+++ b/data-room-ui/example/App.vue
@@ -18,5 +18,5 @@ export default {
 }
 </script>
 <style lang="scss">
-@import '~packages/assets/style/bsTheme.scss';
+@import '../packages/assets/style/bsTheme.scss';
 </style>
diff --git a/data-room-ui/example/customDatasetComponents/jsDataSet/FieldFillDialog.vue b/data-room-ui/example/customDatasetComponents/jsDataSet/FieldFillDialog.vue
index 582c7022..fc9f09b8 100644
--- a/data-room-ui/example/customDatasetComponents/jsDataSet/FieldFillDialog.vue
+++ b/data-room-ui/example/customDatasetComponents/jsDataSet/FieldFillDialog.vue
@@ -72,7 +72,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '~packages/assets/style/bsTheme.scss';
+@import '../../../packages/assets/style/bsTheme.scss';
 
 ::v-deep .el-dialog__body {
     height: fit-content;
diff --git a/data-room-ui/example/customDatasetComponents/jsDataSet/OutputFieldDialog.vue b/data-room-ui/example/customDatasetComponents/jsDataSet/OutputFieldDialog.vue
index 32ff5ec1..ef98dfc8 100644
--- a/data-room-ui/example/customDatasetComponents/jsDataSet/OutputFieldDialog.vue
+++ b/data-room-ui/example/customDatasetComponents/jsDataSet/OutputFieldDialog.vue
@@ -104,5 +104,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '~packages/assets/style/bsTheme.scss';
+@import '../../../packages/assets/style/bsTheme.scss';
 </style>
diff --git a/data-room-ui/example/customDatasetComponents/jsDataSet/ParamsSettingDialog.vue b/data-room-ui/example/customDatasetComponents/jsDataSet/ParamsSettingDialog.vue
index 27a5a8cb..9e63501d 100644
--- a/data-room-ui/example/customDatasetComponents/jsDataSet/ParamsSettingDialog.vue
+++ b/data-room-ui/example/customDatasetComponents/jsDataSet/ParamsSettingDialog.vue
@@ -217,5 +217,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '~packages/assets/style/bsTheme.scss';
+@import '../../../packages/assets/style/bsTheme.scss';
 </style>
diff --git a/data-room-ui/example/customDatasetComponents/jsDataSet/index.vue b/data-room-ui/example/customDatasetComponents/jsDataSet/index.vue
index c85e971e..4cd2a851 100644
--- a/data-room-ui/example/customDatasetComponents/jsDataSet/index.vue
+++ b/data-room-ui/example/customDatasetComponents/jsDataSet/index.vue
@@ -698,7 +698,7 @@ export default {
 </script>
 
   <style lang="scss" scoped>
-  @import '~packages/assets/style/bsTheme.scss';
+  @import '../../../packages/assets/style/bsTheme.scss';
 
   .data-set-scrollbar {
     height: 100%;
diff --git a/data-room-ui/packages/BasicComponents/CurrentTime/index.vue b/data-room-ui/packages/BasicComponents/CurrentTime/index.vue
index 714f30ea..a353a5a9 100644
--- a/data-room-ui/packages/BasicComponents/CurrentTime/index.vue
+++ b/data-room-ui/packages/BasicComponents/CurrentTime/index.vue
@@ -80,7 +80,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~packages/BasicComponents/fonts/index.css";
+@import "../../BasicComponents/fonts/index.css";
 .bs-design-wrap{
   width: 100%;
 }
diff --git a/data-room-ui/packages/BasicComponents/CurrentTime/setting.vue b/data-room-ui/packages/BasicComponents/CurrentTime/setting.vue
index 4a37a059..b63896de 100644
--- a/data-room-ui/packages/BasicComponents/CurrentTime/setting.vue
+++ b/data-room-ui/packages/BasicComponents/CurrentTime/setting.vue
@@ -125,7 +125,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
- @import "../~packages/assets/style/settingWrap.scss";
+ @import "../../assets/style/settingWrap.scss";
 .setting-wrap{
   padding: 12px 16px;
 }
diff --git a/data-room-ui/packages/BasicComponents/DigitalFlop/setting.vue b/data-room-ui/packages/BasicComponents/DigitalFlop/setting.vue
index b6aa37fc..8561dc11 100644
--- a/data-room-ui/packages/BasicComponents/DigitalFlop/setting.vue
+++ b/data-room-ui/packages/BasicComponents/DigitalFlop/setting.vue
@@ -180,7 +180,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '../~packages/assets/style/settingWrap.scss';
+@import '../../assets/style/settingWrap.scss';
 .lc-field-body {
   padding: 12px 16px;
 }
diff --git a/data-room-ui/packages/BasicComponents/IframeChart/setting.vue b/data-room-ui/packages/BasicComponents/IframeChart/setting.vue
index 60c129c7..9ed2e48a 100644
--- a/data-room-ui/packages/BasicComponents/IframeChart/setting.vue
+++ b/data-room-ui/packages/BasicComponents/IframeChart/setting.vue
@@ -77,7 +77,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "../~packages/assets/style/settingWrap.scss";
+@import "../../assets/style/settingWrap.scss";
 .setting-wrap{
   padding: 12px 16px;
 }
diff --git a/data-room-ui/packages/BasicComponents/LinkChart/setting.vue b/data-room-ui/packages/BasicComponents/LinkChart/setting.vue
index 987895c3..f46fc6a1 100644
--- a/data-room-ui/packages/BasicComponents/LinkChart/setting.vue
+++ b/data-room-ui/packages/BasicComponents/LinkChart/setting.vue
@@ -167,7 +167,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  @import "../~packages/assets/style/settingWrap.scss";
+  @import "../../assets/style/settingWrap.scss";
   .bs-setting-wrap{
     padding: 12px 16px;
   }
diff --git a/data-room-ui/packages/BasicComponents/Map/index.vue b/data-room-ui/packages/BasicComponents/Map/index.vue
index 02d00b70..2e91bbfb 100644
--- a/data-room-ui/packages/BasicComponents/Map/index.vue
+++ b/data-room-ui/packages/BasicComponents/Map/index.vue
@@ -275,7 +275,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '~packages/assets/style/echartStyle';
+@import '../../assets/style/echartStyle';
 .light-theme {
   background-color: #ffffff;
   color: #000000;
diff --git a/data-room-ui/packages/BigScreenComponentMag/SideMenu.vue b/data-room-ui/packages/BigScreenComponentMag/SideMenu.vue
index e36f8310..89dada1c 100644
--- a/data-room-ui/packages/BigScreenComponentMag/SideMenu.vue
+++ b/data-room-ui/packages/BigScreenComponentMag/SideMenu.vue
@@ -48,7 +48,7 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-  @import '~packages/assets/style/bsTheme.scss';
+  @import '../assets/style/bsTheme.scss';
   .side-catalog-wrap {
     .component-item-box {
       width: 100%;
diff --git a/data-room-ui/packages/BigScreenMag/SideMenu.vue b/data-room-ui/packages/BigScreenMag/SideMenu.vue
index 9d8894c9..4d3971d7 100644
--- a/data-room-ui/packages/BigScreenMag/SideMenu.vue
+++ b/data-room-ui/packages/BigScreenMag/SideMenu.vue
@@ -250,7 +250,7 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-  @import '~packages/assets/style/bsTheme.scss';
+  @import '../assets/style/bsTheme.scss';
   .side-catalog-wrap{
     // padding-top: 16px;
     width: 220px;