使用uview-ui遇见SassError: Undefined variable

1.确保安装了 scss/sass 编译插件

2.在根目录下 uni.scss 文件中引入 theme.scss

3.确保在根目录下 App.vue 文件中添加 lang="scss" 和 index.scss

1.  
   // App.vue
2.  
    
3.  
   <style lang="scss">
4.  
   @import "uview-ui/index.scss";
5.  
   /*每个页面公共css */
6.  
   </style>

1.  
   // uni.scss
2.  
    
3.  
   @import "uview-ui/theme.scss";

若依旧报错：

 

 查看项目目录——》

 再把路径修改为对应文件夹下——》

@import "uview-ui/theme.scss";

@import "uni_modules/uview-ui/theme.scss";

 @import "uview-ui/index.scss";

@import "uni_modules/uview-ui/index.scss";

解决问题 ！！！

这篇好文章是转载于：学新通技术网