使用uview-ui遇见SassError: Undefined variable: “$u-type-primary-light“.已解决

最新推荐文章于 2024-06-13 09:43:50 发布
最新推荐文章于 2024-06-13 09:43:50 发布
阅读量2w 收藏 21
点赞数 21
分类专栏： uniapp 文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42877655/article/details/115110455
版权

在项目根目录的uni.scss中引入此文件时。
先引用一下颜色文件

@import "uview-ui/theme.scss";
@import "uview-ui/index.scss";
BUG先行者
关注
  • 21
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 21
    评论
专栏目录
使用uview-ui遇见SassError: Undefined variable
zhaohonghaofly的博客
03-03 8627
uniapp 中出现 Undefined variable $u-type-primary-light 问题
SassError: Undefined variable: “$u-type-primary“.
dandanmei0513的博客
05-24 2562
在引入uview-ui时报错：SassError: Undefined variable: “$u-type-primary“.根据官网三步走下载uview，
【uniapp微信小程序】初次加载时遇到的问题
最新发布
m0_45361676的博客
06-13 345
uni-app引入uview-plus报错SassError: Undefined variable: “$u-primary“
在引入uview-ui时报错：SassError: Undefined variable: “$u-type-primary“.
weixin_50500741的博客
01-18 2293
在引入uview-ui时报错：SassError: Undefined variable: "$u-type-primary".
vk-uview-ui组件配置报错：SassError: Undefined variable: “$u-type-primary-light“.
pollotui的博客
07-18 1291
我这里原因是路径错误引入失败，导致组件在使用全局变量时找不到，在uni.scss中正常引入即可。我是这样理解的，若有错误欢迎大佬指正。我在尝试使用uview时也出过类似的报错，但是没解决，可能是uview2不支持vue3的原因，于是我切换了。，但是按照官网文档配置报以上错误。
Syntax Error: SassError: Undefined variable. ╷ 314 │ color: $u-primary； │
weixin_44563526的博客
04-27 1万+
项目场景： 使用Uni-app创建文件并使用Uview引用scss报错 问题描述 安装sass后 启动会报 找不到这个东西 原因分析： 1.可能是配置全局引用没有完整 查看自己是否全局引用完整 1.安装依赖 // 安装sass npm i sass -D // 安装sass-loader，注意需要版本10，否则可能会导致vue与sass的兼容问题而报错 npm i sass-loader@10 -D 2.安装uview-ui npm install uview-ui 默认版本为1.X 官网默认打开
uniapp中引入 uview-ui 错误出现SassError: Undefined variable: “$u-primary“.
weixin_65827490的博客
12-04 760
使用uniapp直接创建项目的除了这些步骤外要记住在目录下的uni.scss中也引入 @import 'uview-ui/theme.scss';
uniapp 中出现 Undefined variable $u-type-primary-light 问题
热门推荐
颜良文丑的博客
06-23 1万+
引入 uview-ui 后出现 `Undefined variable: "$u-type-primary-light"` 该怎么去处理呢？
uview-ui_libs_css_color.scss
qq_37707731的博客
01-14 923
.u-type-primary-light { color: $u-type-primary-light; } .u-type-warning-light { color: $u-type-warning-light; } .u-type-success-light { color: $u-type-success-light; } .u-type-error-light { color: $u-type-error-light; } ...
uniapp里面使用uview-ui框架
05-14
uniapp里面使用uview-ui框架
uView-UI_1.8.3.zip
04-01
《uniapp组件uView-UI 1.8.3详解》 在移动应用开发领域，高效、便捷的组件库是开发者的重要工具。uView-UI作为一款专为uniapp框架设计的组件库，以其丰富的组件资源和良好的适配性赢得了广大开发者的喜爱。本次我们...
nuxt sass全局变量也就是公共 scss 解决方案 案例
11-02
主要针对 nuxt引入 sass 和 其中一个scss文件抽出来作为公共变量存储文件的解决方案，因为官方案例少，目前用的人少，所以贴出来分享下
uni-app+color-ui+uview-ui 搭建的H5端初始demo
04-09
【标题】"uni-app+color-ui+uview-ui 搭建的H5端初始demo"涉及的关键技术点包括： 1. **uni-app**：uni-app 是由ECharts团队开发的一个跨端框架，允许开发者编写一次代码，可以同时在iOS、Android、Web（H5）、微信...
uni-app+Vue3+pinia+uview-plus搭建的项目包
12-28
uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-...
change-uview:修改uview-ui组件的组价
03-23
本文将详细讨论如何修改uview-ui组件，特别是将其选项卡组件改为竖向导航，以及如何利用GitHub上的GitPengrui/chage-uview资源。 首先，`uview-ui`是一个广受欢迎的Vue.js UI组件库，提供了丰富的前端界面元素，...
vue问题笔记
mingze6576的博客
07-02 286
子调父 elementui表格里面的文字不换行，溢出隐藏，tooltip显示内容 :show-overflow-tooltip="true" 关于vue获取jquery $this <ul> <li @click="change($event)">哈哈哈</li> <li @click="change($event)">啦啦啦</li> <li @click="change($event)">嘻嘻嘻</
Syntax Error: SassError: Undefined variable: “$color-primary“.
yangbinling的博客
12-06 4000
引入‘$color-primary’后报错修改vue.config.js代码即可原代码：
LeetCode–青蛙跳台阶问题
归子莫的博客
09-01 845
LeetCode–青蛙跳台阶问题 博客说明 文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！ 介绍 剑指 Offer 10- II. 青蛙跳台阶问题 主站70题 题目 一只青蛙一次可以跳上1级台阶，也可以跳上2级台阶。求该青蛙跳上一个 n 级的台阶总共有多少种跳法。 答案需要取模 1e9+7（1000000007），如计算初始结果为：1000000008，请返回 1。 示例 1： 输入：n = 2 输出：2示例 2： 输入：n = 7 输出
nuxt sass 全局变量的问题_nuxt.js引入scss文件，变量Undefined variable【已解决】
weixin_31869917的博客
01-28 1745
在浏围开幸，业来很广例量站标闪择以近览着发nuxt.config.js中使用styleResources引入公共scss文件，变量报友持都发很秀框事,应编差里互是过是来本商理类了如则处果。展，字到中图各近圈就不这多发架件大用程错error in ./layouts/default.vue?vue&type=style&index=0&id=314f53c6&lan...
Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 16:25:51.767 SassError: Undefined variable: "$u-border-color". 16:25:51.776 on line 38 of ../../../articleDemo/uni_modules/uview-ui/libs/css/common.scss 16:25:51.786 from line 2 of ../../../articleDemo/uni_modules/uview-ui/index.scss 16:25:51.794 from line 68 of D:\计算机学习\Hbuilder\articleDemo\App.vue 16:25:51.803 >> border-color: $u-border-color!important; 16:25:51.814 ---------------^
07-22
这个错误是由于在编译过程中找不到变量`$u-border-color`导致的。要解决这个问题，你需要确保在引入`common.scss`文件之前定义了`$u-border-color`变量。 你可以在你的项目中找到`common.scss`文件，并确保在使用`$u-border-color`变量之前定义了它。你可以通过以下方式定义变量： ```scss $u-border-color: #000; // 这里可以是任何颜色值 ``` 确保将其放在使用该变量的地方之前，然后重新构建你的项目，看看是否还会出现同样的错误。
评论 21
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值