配置easycom

使用npm安装好uni-ui之后,需要配置easycom规则,让npm安装的组件支持easycom

打开项目根目录下的pages.json并添加easycom节点:

在uni-app项目过程中遇到应用未关联服务空间,请在uniCloud右键关联服务空间的问题,

通过查阅uniapp官网中组件的使用方法,uni-app官网 (dcloud.net.cn)

可以按照两步解决该问题:

第一步:

npm安装uni库

vue-cli项目中可以使用npm安装uni-ui库 ,或者直接在HBuilderX项目中使用npm

运行命令:

npm i @dcloudio/uni-ui 或 yarn add @dcloudio/uni-ui

第二步:

配置easycom

使用npm安装好uni-ui之后,需要配置easycom规则,让npm安装的组件支持easycom

打开项目根目录下的pages.json并添加easycom节点:

// pages.json{"easycom": {"autoscan": true,"custom": {// uni-ui 规则如下配置"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"}},// 其他内容pages:[// ...]}