使用uniapp,引入uView遇到的问题(easycom无效解决方法)

在HBuilderX通过npm安装uView时,按照官网文档配置easycom无效

官网为:
4. 配置easycom组件模式

此配置需要在项目根目录的pages.json中进行。

温馨提示

  1. uni-app为了调试性能的原因,修改easycom规则不会实时生效,配置完后,您需要重启HX或者重新编译项目才能正常使用uView的功能。

  2. 请确保您的pages.json中只有一个easycom字段,否则请自行合并多个引入规则。

    // pages.json
    {
    "easycom": {
    "^u-(.*)": "uview-ui/components/u-1/u-1.vue"
    },

    复制代码
     // 此为本身已有的内容
     "pages": [
     	// ......
     ]

    }

这样配置后并没有出现相应的uVIew组件

解决方法:

javascript 复制代码
//page.json
{
    "easycom": {
		"autoscan": true,
		"custom": {
		 /* uView按需引入 */
			"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
		}
	},
    // 此为本身已有的内容
	"pages": [
		// ......
	]
}
相关推荐
初遇你时动了情3 小时前
uniapp/flutter中实现苹果IOS 26 毛玻璃效果、跟随滑动放大动画
flutter·ios·uni-app
gys98953 小时前
uniapp使用sqlite模块
数据库·sqlite·uni-app
abigale033 小时前
开发实战 - ego商城 -补充:使用uniapp扩展组件
uni-app·uni-ui
2501_916007476 小时前
Fastlane 结合 开心上架(Appuploader)命令行实现跨平台上传发布 iOS App 的完整方案
android·ios·小程序·https·uni-app·iphone·webview
爱喝水的小周6 小时前
《UniApp 页面导航跳转全解笔记》
前端·uni-app
CV大师杨某6 小时前
如何在uni-app中禁用iOS橡皮筋效果?
ios·uni-app
More more7 小时前
uniapp实时查看在线监控,JessibucaMobile实现横屏播放
前端·javascript·uni-app·jessibucamobile
好想早点睡.7 小时前
vue2+UniApp微信小程序集成高德地图
微信小程序·小程序·uni-app
Jiaberrr7 小时前
解决uni-app通用上传与后端接口不匹配问题:原生上传文件方法封装 ✨
前端·javascript·uni-app
2501_915918419 小时前
iOS 上架应用市场全流程指南,App Store 审核机制、证书管理与跨平台免 Mac 上传发布方案(含开心上架实战)
android·macos·ios·小程序·uni-app·cocoa·iphone