uniapp中引入 uview-ui 错误出现SassError: Undefined variable: “$u-primary“.

最新推荐文章于 2024-08-22 21:17:46 发布
最新推荐文章于 2024-08-22 21:17:46 发布
阅读量918 收藏
点赞数 1
文章标签： uni-app ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_65827490/article/details/134795419
版权
唯唯诺诺的小白
关注
uniapp结合uview-ui创建项目关键步骤一步一图教程
qq_36305027的博客
08-01 1187
​ uView是uni-app生态专用的UI框架，uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码， 可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)。但目前除微信小程序，其它小程序平台的兼容可能存在一些问题，后续会针对这方面持续优化。
uniapp里面使用uview-ui框架
05-14
uniapp里面使用uview-ui框架
uniapp使用uView报错SassError: Undefined variable: “$u-primary“.
weixin_63367969的博客
03-15 1262
在上面文件中引入对应的文件即可，如果还是报错可以查一下引入的文件路径是否正确。在uni.scss中加入。在App.vue加入。在main.js加入。
uni-app——uniapp+vite+vue3+typescript 报sass/scss错误Deprecation Warning
最新发布
qq_43201350的博客
08-22 306
uni-app——uniapp+vite+vue3+typescript 报sass/scss错误Deprecation Warning
SassError: Undefined variable: “$u-type-primary“.
dandanmei0513的博客
05-24 2799
在引入uview-ui时报错：SassError: Undefined variable: “$u-type-primary“.根据官网三步走下载uview，
vk-uview-ui组件配置报错：SassError: Undefined variable: “$u-type-primary-light“.
pollotui的博客
07-18 1552
我这里原因是路径错误引入失败，导致组件在使用全局变量时找不到，在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运行报错
lily_YourSun的博客
09-04 1407
这样引入，运行报错：uView is not defined。检查代码，发现是作用域的问题。#ifdef 、#ifndef 至 #endif 中的代码段有各自独立的作用域，互不干扰。 这样引入就没问题了，注意引入的路径。
0:12:54.816 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 10:12:54.821 SassError: Undefined variable: "$u-type-primary". 10:12:54.821 on line 206 of D:\ideaWorkSpace\ehl-wx\node_modules\uview-ui\components\u-badge\u-badge.vue 10:12:54.826 >> background-color: $u-type-primary; 10:12:54.833 --------------------^ 10:12:54.839 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 10:12:54.844 SassError: Undefined variable: "$u-type-primary". 10:12:54.849 on line 309 of D:\ideaWorkSpace\ehl-wx\node_modules\uview-ui\components\u-checkbox\u-checkbox.vue 10:12:54.856 >> background-color: $u-type-primary; 10:12:54.860 ---------------------^ 10:12:54.865 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 10:12:54.871 SassError: Undefined variable: "$u-type-primary". 10:12:54.876 on line 350 of D:\ideaWorkSpace\ehl-wx\node_modules\uview-ui\components\u-icon\u-icon.vue 10:12:54.880 >> color: $u-type-primary; 10:12:54.885 ----------^ 10:12:54.889 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 10:12:54.894 SassError: Undefined variable: "$u-type-primary". 10:12:54.894 on line 432 of D:\ideaWorkSpace\ehl-wx\node_modules\uview-ui\components\u-button\u-button.vue 10:12:54.900 >> border-color: $u-type-primary; 10:12:54.905 ----------------^ 10:12:54.909 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 10:12:54.914 SassError: Undefined variable: "$u-type-primary". 10:12:54.919 on line 721 of D:\ideaWorkSpace\ehl-wx\node_modules\uview-ui\components\u-picker\u-picker.vue 10:12:54.925 >> color: $u-type-primary;解决
07-14
这个错误是因为在编译uview-ui组件时，找不到对应的Sass变量"$u-type-primary"。要解决这个问题，你可以尝试以下步骤： 1. 确保你已经正确引入了uview-ui组件，并且按照官方文档的要求进行了配置。 2. 检查你的项目...
SassError: Undefined variable: "$u-border-color".
07-13
这个错误通常是由于未正确导入uView的样式文件导致的。请确保您在uni.scss文件中正确导入了uView的样式。 在uni.scss文件中，您需要添加以下代码来导入uView的样式： ```scss @import "~uview-ui/index.scss"; ```...
uView-UI_1.8.3.zip
04-01
《uniapp组件uView-UI 1.8.3详解》 在移动应用开发领域，高效、便捷的组件库是开发者的重要工具。uView-UI作为一款专为uniapp框架设计的组件库，以其丰富的组件资源和良好的适配性赢得了广大开发者的喜爱。本次我们...
uni-app中如何引入uview-ui?
chunniunai88的博客
05-24 1283
1.下载uView UI插件（.zip格式） https://ext.dcloud.net.cn/plugin?id=1593
uniapp引入uview报错 Error: Undefined variable. border-color: $u-border-color
qq_52850749的博客
03-06 1980
应该是将 @import '@/uni_modules/uview-plus/theme.scss';这一行代码在根目录的uni.scss文件里面引入。而将 @import "@/uni_modules/uview-plus/index.scss";这一行代码在根目录的App.vue文件里面引入。我报这个错的原因是将这两行代码全部在App.vue文件里面引入了。
uniapp在打包自定义基座的时候报错：SassError: Undefined variable: “$u-content-color“.
jsmylo的博客
01-28 1万+
1.uniapp打包自定义基座报错：Undefined variable: “$u-content-color”. 2.解决办法 在上面的文件里面加入如下代码： @import "uview-ui/theme.scss"; @import "uview-ui/index.scss";
在引入uview-ui时报错：SassError: Undefined variable: “$u-type-primary“.
weixin_50500741的博客
01-18 2430
在引入uview-ui时报错：SassError: Undefined variable: "$u-type-primary".
使用uview-ui遇见SassError: Undefined variable: “$u-type-primary-light“.已解决
热门推荐
qq_42877655的博客
03-23 2万+
在项目根目录的uni.scss中引入此文件时。 先引用一下颜色文件 @import "uview-ui/theme.scss"; @import "uview-ui/index.scss";
uni-app引入uview动态表单插件 时报错处理，如何引入uview，如何引入uview动态表单，
m0_57611486的博客
04-24 1630
uni-app中引入uview动态表单插件 时报错处理， 如何引入uview，如何引入uview动态表单，
新建uniapp项目 安装uView插件使用报错
yuejiaohh的博客
06-19 835
安装uview报错
uniapp引入uView正确步骤及误区
weixin_46124693的博客
06-06 1284
如果报以下错是因为没有引入uview主题，用第5步就可以解决。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值