使用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": [
		// ......
	]
}
相关推荐
web前端神器2 小时前
vue、uniapp项目循环中能显示每个列表的内容,但是点击的时候传递的参数却不正确
uni-app
ModyQyW2 小时前
HBuilderX 4.87 无法正常读取 macOS 环境配置的解决方案
前端·uni-app
脾气有点小暴3 小时前
Uni-app App 端自定义导航栏完整实现指南
uni-app
CDwenhuohuo8 小时前
uniapp去掉手机状态栏 全屏展示
开发语言·javascript·uni-app
行走的陀螺仪12 小时前
使用uniapp,实现根据时间倒计时执行进度条变化
前端·javascript·uni-app·vue2·h5
Hzsilvana12 小时前
踩坑日记:Uniapp项目定位偏差与依赖更新的真相
uni-app
丸子哥哥15 小时前
vue + uni-app:利用原生uni.chooseImage封装拍照功能的组件
微信小程序·uni-app·vue
雪芽蓝域zzs16 小时前
uniapp 判断运行设备类型(安卓、苹果、鸿蒙、微信小程序、H5)
android·uni-app·harmonyos
梦65016 小时前
UniApp 全面介绍与快速上手
uni-app
壹号机长16 小时前
uniapp+vue3 接入deepseek Ai
ai·小程序·uni-app