【记录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';// 错误的,笔者的开始错误导入

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

相关推荐
计算机毕设定制辅导-无忧学长7 天前
《基于微信小程序的居家医疗陪护预约系统设计与实现》
java·spring boot·微信小程序·uniapp·居家医疗陪护预约系统
码间留白11 天前
uni-app 跑上鸿蒙,发现蓝牙全瞎:我把 BLE 补齐的实战(一)基建篇
物联网·uniapp·harmonyos next·蓝牙 ble·鸿蒙os开发
计算机毕设定制辅导-无忧学长11 天前
《基于微信小程序健康习惯激励系统设计与实现》
java·spring boot·mysql·微信小程序·uniapp·健康习惯激励系统
码间留白14 天前
鸿蒙也能热更新了:uni-app WGT 热更新的真机结论、六道校验闸与五个深坑
uniapp·ai编程·鸿蒙os开发·鸿蒙热更新·wgt热更新
计算机毕设定制辅导-无忧学长15 天前
《基于物品协同过滤的闲置书换购微信小程序设计开发》
java·vue.js·spring boot·微信小程序·uniapp·闲置书换购微信小程序·物品协同过滤算法
RuoyiOffice18 天前
UniApp企业办公:把审批、客户和项目装进手机,能做些什么?
spring boot·vue3·uniapp·crm·flowable·移动办公·企业应用
计算机毕设定制辅导-无忧学长24 天前
《基于微信小程序的个人智能刷题助手的设计与实现》
java·spring boot·mysql·微信小程序·uniapp·个人智能刷题助手系统
计算机毕设定制辅导-无忧学长1 个月前
《基于微信小程序的校园文化活动报名与管理系统》
java·spring boot·微信小程序·uniapp·校园文化活动报名与管理小程序
计算机毕设定制辅导-无忧学长1 个月前
《校园食堂在线订餐小程序的设计与实现》
java·vue.js·spring boot·微信小程序·uniapp·校园食堂在线订餐小程序
9765033352 个月前
iOS 上架 4.3a 被拒【uniapp专讲】
flutter·ios·objective-c·uniapp·swift