微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

uview——uniapp最优秀的UI框架

前几天黄河爱浪大神帮我解决一个问题,我很感激,更钦佩大神的厉害。翻看大神的博客时,发现黄河爱浪大神参与了uview的组件开发。真的是好厉害,大神是造轮子的人,我是用轮子的人……

uview框架

uview官网链接:https://www.uviewui.com/

在这里插入图片描述

这个首页有element-ui的感觉奥,大厂的感觉:

uview组件官网链接:https://www.uviewui.com/components/install.html

在查看官网时,发现了一个对应的商城平台:
vueshop商城平台链接:http://www.vueshop.com.cn/

在这里插入图片描述

这个商城里面有uniapp一整套电商app的源码,可以直接下载。

下载后如下:

在这里插入图片描述

先看一下app运行后的效果图吧:

在这里插入图片描述

几乎涵盖了一个主流电商app的全部内容,比我之前公司做的还要精细。

于是我想运行一下本地看看源码:

第一步:导入到hbuilderX中

方法一:

在这里插入图片描述


方法二:

在这里插入图片描述

选择项目:

在这里插入图片描述

第二步:尝试运行项目

在这里插入图片描述


报错信息如下:

在这里插入图片描述


根据错误信息,发现需要进行更新插件,而且node的版本太高了,我电脑上的版本是14版本,没有找到对应的node sass

下面一一解决
根据提示,需要先进行 npm update进行更新:

1.打开控制台

在这里插入图片描述

2.运行npm update

运行npm update之前,一定要注意路径,因为打开控制台展示的路径有可能不是你现在的项目,需要通过cd ..
的方式返回上一级目录,通过cd .\xxx的方式进入到某一个文件夹中。。

在这里插入图片描述


更新的时间会很长,需要耐心等待:

安装完成后,再次进行编译,此处为方便,我是在浏览器中运行的:

在这里插入图片描述


此时的报错信息已经只有node sass的问题了,而且报错信息中给出了解决办法:
根据报错提供的办法,在控制台中继续操作:

在这里插入图片描述


再次进行浏览器运行:

在这里插入图片描述


问题解决

在这里插入图片描述


其实,下载的源码中是有运行的解决办法的
如下:需要删除node-modules中的部分内容,重新安装,这个我测试过,按照文档提供的步骤运行还是有问题,我根据报错信息提供的解决方案,反而解决了……

在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐