uniapp引入uview-ui 报错:$u-badge-primary: $u-primary !default;

这篇具有很好参考价值的文章主要介绍了uniapp引入uview-ui 报错:$u-badge-primary: $u-primary !default;。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

uniapp引入uview-ui 报错:$u-badge-primary: $u-primary !default;

解决方法

上面这个问题是在引入uview-ui这个ui框架后出现的,那么具体的解决方法是在项目根目录下的uni.scss文件中引入uview对应的样式文件:

@import "@/uni_modules/uview-ui/theme.scss";

插件地址

uni-app 插件地址(可以搜索一些其他的可用插件):
https://ext.dcloud.net.cn/

uView2.0重磅发布,利剑出鞘,一统江湖:
https://ext.dcloud.net.cn/plugin?id=1593

最后

最后说一下,即使安装,样式引入都成功了,但是还是会报错提示不能使用的情况,建议重新创建一个uni项目,再次添加uview-ui,最后引入样式。

之所以不成功的大概率是版本不支持

我这里的版本是好久好久以前创建的一个uni基础架子,后面就直接给拿过来使用,结果就出现问题,然后新创建一个就没问题了,如果你看到这篇文章希望对你有所帮助。文章来源地址https://www.toymoban.com/news/detail-504301.html

到了这里,关于uniapp引入uview-ui 报错:$u-badge-primary: $u-primary !default;的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp踩坑-文件查找失败:‘uview-ui‘ at main.js

    我是在dlcoud插件库里面下载的,默认他默认下载在了“uni_modules”,而我用官方的方式总是报:文件查找失败:\\\'uview-ui\\\' at main.js 以下是官方方法,但我这里一直报错,是因为直接写他是从“node_modules”文件夹中找 23-8-21(修改):uview官网好像换了: Icon 图标 | uView 2.0 - 全面兼

    2024年02月05日
    浏览(62)
  • uview-ui报错:Component is not found in path node-modules/uview-ui/components/xx/xx

    解决方法: 1、uview-ui如果是npm安装 需要在pages.json中添加easycom配置 2、配置了以上还报错的话可能是 tempalte样式最外层没用标签包括着(只允许有一层用 view/view 包裹最外层) 3、如果试过方法还没解决的话,可以试试彻底 关闭开发者工具关闭,重启 如你还有其他更好的解决

    2024年02月11日
    浏览(42)
  • uni-app项目使用uview-ui报错:Component is not found in path node-modules/uview-ui/components/xx/xx

    解决: 一、uview-ui如果是 npm 安装 需要在 pages.json 中添加 easycom 配置 二、配置了以上还报错的话可能是 tempalte 样式最外层没用标签包括着(只允许有一层 用 view/view 包裹最外层

    2024年02月11日
    浏览(66)
  • uview-ui工具函数的使用

    工具函数的使用 1. 函数防抖、节流 2. 对象转url参数 3. 路由封装 4. 时间格式化 5. 求两个颜色渐变之间的值 6. 生成全局唯一guid字符串 7. 获取主题相关颜色 8. 根据type获取图标名称 9. 打乱数组的顺序 10. 对象和数组的深度克隆 11. 对象和数组的深度拷贝 12. 添加单位 13. 规则检验

    2024年02月01日
    浏览(85)
  • uView-ui框架测试使用笔记

    在分析一个项目的时候,发现项目中使用了一个组件,在 components 中没有找这个组件的注册位置,发现这是 uview-ui 中的组件 很明显,这里的 u-notice-bar 是一个组件,但是在 components 中并没有注册的语句,猜测是不是全局引入,或者是 easycom 模式自动引入了,按照 easycom 模式可以自动引入

    2024年02月07日
    浏览(38)
  • 使用uview-ui遇见SassError: Undefined variable

    1.确保安装了 scss/sass 编译插件 2.在根目录下  uni.scss  文件中引入  theme.scss 3. 确保在根目录下 App.vue 文件中添加 lang=\\\"scss\\\" 和 index.scss 若依旧报错:    查看项目目录——》  再把 路径 修改为对应文件夹下——》 @import \\\"uview-ui/theme.scss\\\"; @import \\\"uni_modules/uview-ui/theme.scss\\\";    

    2024年02月16日
    浏览(41)
  • 【uni-app】安装uView-ui组件步骤

    uView是uni-app生态专用的UI框架,uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码, 可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)。但目前除微信小程序,其它小程序平台的兼容可能存在一些问题,后

    2024年02月14日
    浏览(42)
  • 关于 uview-ui grid宫格布局的页面跳转

    在使用 uview-ui 的宫格布局时,发现官方文档对于基本的图形展示还是很详细的,但是缺少点击事件。 于是 该组件外层为 u-grid 组件包裹,通过 col 设置内部宫格的列数 内部通过 u-grid-item 组件的 slot 设置宫格的内容 如果不需要宫格的边框,可以设置 border 为 false 结合uni的sw

    2024年02月15日
    浏览(57)
  • uni-app使用uview-ui实现动态更改底部tabbar

    需求:根据不同的权限(用户 0, 物业 1)展示不同的tabbar 这里使用的是uview-ui@1.8.4 tabbar 在utils文件夹下新建一个tabbar.js文件,来存储不同权限下的底部导航数据 在page.json文件里,把tabbar里的几个页面去重放进去tabBar。 使用vuex 新建store 文件夹存储相关数据 在入口文件 mai

    2024年02月12日
    浏览(51)
  • uniapp 报错之 uView UI 表单校验 相关字段有数据有值的情况下非空验证失败问题

    1、uniapp 微信小程序使用了uView UI,表单字段有验证; 2、表单添加功能,数据校验正常,因为表单数据本身都是空的; 3、表单更新数据的时候,有些字段明明是有数据的,提交的时候非空验证提示不能为空; 表单更新,此时表单是有数据的,未再次改变表单校验的选择器的值

    2024年02月16日
    浏览(54)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包