使用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": [
		// ......
	]
}
相关推荐
乔冠宇8 小时前
微信小程序修改个人信息头像(uniapp开发)
微信小程序·小程序·uni-app
一个处女座的程序猿O(∩_∩)O12 小时前
Uniapp 开发中遇到的坑与注意事项:全面指南
uni-app
Elena_Lucky_baby12 小时前
uniapp 网络请求封装(uni.request 与 uView-Plus)
uni-app
黑云压城After16 小时前
uniapp小程序自定义日历(签到、补签功能)
小程序·uni-app
烂蜻蜓16 小时前
Uniapp 设计思路全分享
前端·css·vue.js·uni-app·html
Elena_Lucky_baby16 小时前
uniapp封装请求
uni-app
尚学教辅学习资料17 小时前
基于SpringBoot+Vue+uniapp的高校招聘小程序+LW参考示例
spring boot·uni-app·招聘系统
岑梓铭19 小时前
uniapp邪门事件
uni-app
漫天绯羽20 小时前
uniapp 中使用天地图,安卓端、h5
uni-app
尚学教辅学习资料1 天前
基于SpringBoot+vue+uniapp的智慧旅游小程序+LW示例参考
vue.js·spring boot·uni-app·旅游