使用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": [
		// ......
	]
}
相关推荐
2501_9159090618 小时前
手机崩溃日志导出的工程化体系,从系统级诊断到应用行为分析的多工具协同方法
android·ios·智能手机·小程序·uni-app·iphone·webview
郑州光合科技余经理20 小时前
技术视角:海外版一站式同城生活服务平台源码解析
java·开发语言·uni-app·php·排序算法·objective-c·生活
wangdaoyin20101 天前
UniApp中使用LivePlayer进行视频或在流媒体播放
uni-app·liveplayer·h5播放视频
2501_915106321 天前
App HTTPS 抓包实战解析,从代理调试到真实网络流量观察的完整抓包思路
网络协议·http·ios·小程序·https·uni-app·iphone
游戏开发爱好者81 天前
苹果App Store应用程序上架方式全面指南
android·小程序·https·uni-app·iphone·webview
2501_916008891 天前
深入理解 iPhone 文件管理,从沙盒结构到开发调试的多工具协同实践
android·ios·小程序·https·uni-app·iphone·webview
一室易安1 天前
解决使用 UniApp 搭配 Vue3 小程序开始 使用uview-plus 的返回顶部up-back-top中onPageScroll 不触发的问题
小程序·uni-app
yilan_n1 天前
鸿蒙应用上传
vue.js·华为·uni-app
yilan_n1 天前
【UniApp实战】手撸面包屑导航与路由管理 (拒绝页面闪烁)
前端·javascript·vue.js·uni-app·gitcode
一室易安1 天前
uniapp+vue3 微信小程序中 页面切换tab 页面滚动到指定锚点位置,滚动页面时候到达指定锚点位置吸顶tab 会自动进行切换
微信小程序·uni-app·notepad++