Java学习之道

序

uni-app HBuilderX导入插件uView后，运行项目报错信息：

15:20:33.960   Error: Undefined variable.
15:20:33.966      ╷
15:20:33.966   38 │     border-color: $u-border-color!important;

解决方案

错误原因： 用工具导入方式，需要进行正确配置才能使用！！！

1、引入uView主JS库

// main.js
import uView from '@/uni_modules/uview-ui'
Vue.use(uView)

2、在引入uView的全局SCSS主题文件

/* uni.scss */
@import '@/uni_modules/uview-ui/theme.scss';

3、引入uView基础样式

/* App.vue */
<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "@/uni_modules/uview-ui/index.scss";
</style>

4、配置easycom组件模式

// pages.json
{
	// 如果您是通过uni_modules形式引入uView，可以忽略此配置
	"easycom": {
		"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
	},
	
	// 此为本身已有的内容
	"pages": [
		// ......
	]
}

更详细的配置介绍见官网：https://www.uviewui.com/components/downloadSetting.html

---

标题：uni-app使用插件uView报错Undefined variable.$u-border-color
作者：mmzsblog
地址：https://www.mmzsblog.cn/articles/2023/09/03/1693747557699.html

如未加特殊说明，文章均为原创，转载必须注明出处。均采用CC BY-SA 4.0 协议！

本网站发布的内容（图片、视频和文字）以原创、转载和分享网络内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。若本站转载文章遗漏了原文链接，请及时告知，我们将做删除处理！文章观点不代表本网站立场，如需处理请联系首页客服。
• 网站转载须在文章起始位置标注作者及原文连接，否则保留追究法律责任的权利。
• 公众号转载请联系网站首页的微信号申请白名单！

---

个人微信公众号 ↓↓↓