【记录50】uniapp安装uview插件,样式引入失败分析及解决

SassError: Undefined variable: "$u-border-color".

表示样式变量$u-border-color没定义,实际是定义的

首先确保安装了scss/sass

其次,根目录下 app.vue中是否全局引入

css 复制代码
<style lang="scss">
	@import '@/uni_modules/uview-ui/index.scss';
</style>

最后,根目录下 uni.scss中是否导入

css 复制代码
/* 导入uview的样式变量参数 */
@import '@/uni_modules/uview-ui/index.scss';  // 正确 的
@import '@/uni_modules/uview-ui/index.scss';// 错误的,笔者的开始错误导入

如果还是报错,可以仔细检查下是否导入的路径是否正确。

相关推荐
小程序照片合成18 小时前
uniapp微信小程序开发工具本地获取指定页面二维码
微信小程序·小程序·uniapp·二维码
奔跑吧邓邓子4 天前
【商城实战(92)】高并发下的商城缓存进阶:从原理到实战
redis·缓存·springboot·uniapp·element plus·商城实战
奔跑吧邓邓子6 天前
【商城实战(74)】数据采集与整理,夯实电商运营基石
springboot·uniapp·element plus·商城实战·商城数据采集与整理
奔跑吧邓邓子14 天前
【商城实战(49)】解锁小程序端适配与优化,让商城飞起来
uniapp·小程序优化·商城实战·小程序适配
奔跑吧邓邓子20 天前
【商城实战(24)】商城性能大揭秘:压力测试与性能监控实战
springboot·压力测试·uniapp·element plus·性能监控·商城实战
奔跑吧邓邓子21 天前
【商城实战(26)】移动端交互优化实战秘籍
spring boot·uniapp·商城实战·移动端交互优化
奔跑吧邓邓子22 天前
【商城实战(23)】筑牢安全防线,防范常见漏洞
安全·springboot·uniapp·csrf·element plus·sql注入·商城实战
奔跑吧邓邓子22 天前
【商城实战(22)】商城性能优化秘籍:从前端到后端的实战攻略
redis·缓存·性能优化·springboot·uniapp·element plus·商城实战
ChinaDragonDreamer1 个月前
uniapp:小程序将base64图片字符串保存到手机相册
小程序·uniapp