使用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": [
		// ......
	]
}
相关推荐
Little_Code38 分钟前
uniapp 使用ffmpeg播放rtsp
ffmpeg·uni-app·rtsp
儿歌八万首1 小时前
uniapp 和原生插件交互
uni-app·交互
前端 贾公子10 小时前
在移动端使用 Tailwind CSS (uniapp)
前端·uni-app
源码_V_saaskw9 天前
宇鹿家政服务系统小程序ThinkPHP+UniApp
微信小程序·小程序·uni-app·微信公众平台
xw510 天前
支付宝小程序IDE版本迭代异常
uni-app·支付宝
!win !10 天前
支付宝小程序IDE版本迭代异常
uni-app·支付宝小程序
xw510 天前
抖音小程序支付错误码141211
uni-app·抖音小程序
好好的哦10 天前
抖音小程序支付错误码141211
小程序·uni-app
anyup10 天前
uni-app 应用隐私政策怎么写?一份模板+实用技巧送给你
前端·uni-app·cursor
郭玉齐10 天前
uniapp+vue3做小程序,获取容器高度
小程序·uni-app