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

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

相关推荐
har01d2 天前
在 uniapp 里使用 unocss,vue3 + vite 项目
前端·uni-app·vue·uniapp·unocss
q5507071775 天前
uniapp/uniappx实现图片或视频文件选择时同步告知权限申请目的解决华为等应用市场上架审核问题
android·图像处理·uni-app·uniapp·unix
胡斌附体9 天前
小程序省市级联组件使用
前端·javascript·小程序·uniapp·picker级联组件
meng半颗糖9 天前
uniapp 基础(三)
前端·uniapp·notepad++·uniapp基础
ZEGO即构开发者13 天前
如何用即构ZEGO SDK和uni-app开发一款直播带货应用?
uniapp·实时音视频·直播·电商直播
脑袋大大的15 天前
从“PPT动画”到“丝滑如德芙”——uni-app x 动画性能的“终极奥义”
前端·javascript·nginx·uni-app·uniapp·app开发·混合开发
程序员_Rya18 天前
如何用即构ZEGO SDK和uni-app开发一款直播带货应用?
uniapp·直播sdk·小程序直播·电商直播
脑袋大大的24 天前
跨端分栏布局:从手机到Pad的优雅切换
javascript·uni-app·uniapp·安卓·鸿蒙·app开发·混合开发
「、皓子~24 天前
AI创作系列第22篇:前端缓存与更新机制重构 - 表情包系统的全面升级
前端·缓存·重构·uniapp·开源软件·im·社交软件
雪碧聊技术1 个月前
pages.json页面路由中,globalStyle的各个属性
uniapp·pages.json·globalstyle的属性