diff --git a/src/components/Upload/singleImage3.vue b/src/components/Upload/singleImage3.vue
index 637b9e1e98cf66fdbb567dee9d9288007ca09777..2cce98da50e3dfe2434044885d8cf08d8a5eee8f 100644
--- a/src/components/Upload/singleImage3.vue
+++ b/src/components/Upload/singleImage3.vue
@@ -83,7 +83,7 @@ export default {
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-@import "src/styles/mixin.scss";
+@import "~@/styles/mixin.scss";
 .upload-container {
   width: 100%;
   position: relative;
diff --git a/src/views/example/components/ArticleDetail.vue b/src/views/example/components/ArticleDetail.vue
index 6ac6feae88c30ae4f035fdcb209288b4e54599af..ce22b3b467e893b531d5940902ff0084fa544b08 100644
--- a/src/views/example/components/ArticleDetail.vue
+++ b/src/views/example/components/ArticleDetail.vue
@@ -234,7 +234,7 @@ export default {
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-@import "src/styles/mixin.scss";
+@import "~@/styles/mixin.scss";
 .createPost-container {
   position: relative;
   .createPost-main-container {
diff --git a/src/views/layout/Layout.vue b/src/views/layout/Layout.vue
index bd882ef04da30a79d9e658378585dcec2c1ce5fa..0e14f1604f7eadd974b1e5ea1d3de7040e72a3c2 100644
--- a/src/views/layout/Layout.vue
+++ b/src/views/layout/Layout.vue
@@ -48,7 +48,7 @@ export default {
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  @import "src/styles/mixin.scss";
+  @import "~@/styles/mixin.scss";
   .app-wrapper {
     @include clearfix;
     position: relative;