问题描述

uniapp 引入 uview-ui 后 一顿操作，出现 Undefined variable: "$u-type-primary-light" 错误。

解决问题

第一步：确保 HBuilder X 是安装了 scss/sass 编译插件

在这里插入图片描述

第二步：确保在根目录下 uni.scss 文件中引入 theme.scss，

1
@import "uview-ui/theme.scss"; // 放在代码首行

在这里插入图片描述

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

1
2
3
<style lang="scss">
	@import "uview-ui/index.scss";
</style>

在这里插入图片描述

问题得以解决。