Mint UI的问题

Mint UI是在gitHub上开源的一个很火的基于Vue.js的移动端组件库。最近试用了一下,总结一下使用感受吧。

看他们的文档就开始Code了。请在手机上看这个例子

我是参考https://github.com/ElemeFE/mint-ui/blob/master/example/pages/cell-swipe.vue稍稍改动了一下。结果报错了:

出错:

CellDemo.vue?9ecf:28 Uncaught TypeError: _this.$messagebox is not a function

在App.vue中import {MessageBox} from 'mint-ui',再将this.$messagebox修改为MessageBox就可以了。

另外,如果我们使用引入全部组件的方式也可以解决这个问题。从实例上可以看出,MessageBox应该是作为一个插件来开发的,他们对这个JS组件也有单独的仓库,对比了一下代码忘记,几乎相同。那就应该是打包的问题了。Clone了mint-ui的仓库,想在本地上跑,结果跑不下来。发现如下错误:

  • npm run dev需要依赖yarn;
  • webpark的版本不对,需要2.x;
  • eslink对loadmore.vue报错。

其它问题我就不列举了。我也觉得奇怪,10k以上Star的项目,这么明显的问题没人发现吗?是大家太忙,还是我用的方法不对。

申明一下,这里并不是去黑Mint UI,只是建议作为Vue.js大厂的饿了么前端团队对这个项目应该更严谨一点。至少应该加上单元测试吧。

发表评论

电子邮件地址不会被公开。 必填项已用*标注