应用未关联服务空间,请在uniCloud右键关联服务空间

配置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:[
		// ...
	]
}