使用uview-ui遇见SassError: Undefined variable

9月前作者：赵骗分类：Toy博客阅读(41) 违法举报

这篇具有很好参考价值的文章主要介绍了使用uview-ui遇见SassError: Undefined variable。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1.确保安装了 scss/sass 编译插件

2.在根目录下 uni.scss 文件中引入 theme.scss

3.确保在根目录下 App.vue 文件中添加 lang="scss" 和 index.scss

// App.vue

<style lang="scss">
	 @import "uview-ui/index.scss";
	/*每个页面公共css */
</style>

// uni.scss

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

若依旧报错：

查看项目目录——》

再把路径修改为对应文件夹下——》

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

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

~~@import "uview-ui/index.scss";~~

@import "uni_modules/uview-ui/index.scss";文章来源地址https://www.toymoban.com/news/detail-597210.html

解决问题！！！

到了这里，关于使用uview-ui遇见SassError: Undefined variable的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

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

分享到：

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

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)
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)
关于引入uview-ui @import “uview-ui/index.scss“；报错

在APP.vue中加上lang=\\\"scss style lang=\\\"scss\\\" /*每个页面公共css */ @import \\\"uview-ui/index.scss\\\"; /style

2024年02月02日
浏览(47)
使用vue2开发uni-app项目--引入uview-ui

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档目录前言一、安装 1、安装uview-ui 2、安装scss支持二、配置 1、在main.js中引入uView库 2、uni.scss文件中引入uView的全局SCSS主题文件 3、在APP.vue文件中引入uView基础样式 4、在pages.json中配置easycom组件模式

2024年02月04日
浏览(63)
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)
uniapp 查找不到uview-ui文件怎么办？

用官方的方式总是报：文件查找失败：\\\'uview-ui\\\' at main.js 解决方案： 1.先安装uview-ui 下载成功是这样的：而不是这样的：这样的原因是你的项目里没有package.json包，先执行 npm i -y再安装uview-ui 2.main.js引入 uni.scss中引入然后再APP.vue中全局引入样式，注意一定要下

2024年02月02日
浏览(66)
【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)
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)
uniapp引入uview-ui 报错：$u-badge-primary: $u-primary !default；

解决方法上面这个问题是在引入 uview-ui 这个ui框架后出现的，那么具体的解决方法是在项目根目录下的 uni.scss 文件中引入uview对应的样式文件：插件地址 uni-app 插件地址（可以搜索一些其他的可用插件）： https://ext.dcloud.net.cn/ uView2.0重磅发布，利剑出鞘，一统江湖： https:

2024年02月11日
浏览(38)