【uview安装】uniapp安装uview组件库步骤,出现找不到文件报错情况原因

使用的编辑器是Hbuilder X

直接在uview官方文档内按步骤用下载的方式安装

【uview安装】uniapp安装uview组件库步骤,出现找不到文件报错情况原因_第1张图片
【uview安装】uniapp安装uview组件库步骤,出现找不到文件报错情况原因_第2张图片

然后是步骤,按图来

先安装sass

// 安装sass
npm i sass -D

// 安装sass-loader
npm i sass-loader -D

下载好后,这边就会有uview ui的文件了。

【uview安装】uniapp安装uview组件库步骤,出现找不到文件报错情况原因_第3张图片

这里是重点,放的位置不要放错了,官网文档上说放在import Vue之后,如果你放了是不生效的,会报错,要放在我这个位置才生效。找不到文件的报错原因也正是这边位置没放对出来的。

【uview安装】uniapp安装uview组件库步骤,出现找不到文件报错情况原因_第4张图片
【uview安装】uniapp安装uview组件库步骤,出现找不到文件报错情况原因_第5张图片
【uview安装】uniapp安装uview组件库步骤,出现找不到文件报错情况原因_第6张图片
这样就搞定了,可以去试试了

你可能感兴趣的:(踩坑,uview,uniapp,Hbuilder,X,微信小程序,组件库)