Vux: [vue-cli 3]一万多的star,为什么上手体验这么差?

Created on 15 Nov 2018  ·  15Comments  ·  Source: airyland/vux

vuecli版本:vue-cli 3.1.3
项目创建: vue create demo-project

安装vux:npm install --save vux
编译命令: npm run serve
出现问题:less-loader找不到
解决方案:安装less-loader npm install less-loader ^4.1.0
出现问题:less找不到
解决方案:安装less npm install less ^2.7.3
继续出现问题:如图

image

然后继续去找文档,vux的安装页面底部发现:
image
文档为什么把两个版本的安装放一起夹杂这说呢???分两个页面介绍或者分成两块介绍会不会更少误导,更少误操作???

由于我不是使用的webpack模板创建的项目,而是vue create my-project创建的,自然也就没有build/webpack.base.config.js
所以我在vue.config.js文件这样写:
image
有没有看起来很不友好,我指vux-loader的接入方式。为什么不能直接给个plugin让我放到plugins数组里就好了?

接下来,编译:npm run serve:
出现警告
image

这是我遇到的问题和误解的简化版本,由于vux这个repo有14k的star,建议主要维护人将文档多做优化,首先让不同的安装过程顺畅,减少开发人员的头痛,增加大家的信任(用element-ui的时候,任何实习生或非实习生,任何电脑设备,没有任何阻碍误解)

Most helpful comment

人家费心费力开源项目已经很棒棒了,使用体验算是我目前使用的vue移动端ui框架中最好的,只是还没有兼容[email protected],多点鼓励少点喷,社区会越来越好的

All 15 comments

并未适配 vue-cli 3

那官方文档以及github仓库主页上应该在最最明显的地方标明:
vux暂未适配vue-cli 3,请勿折腾,不然会掉很多头发
@airyland

image
这个是仓库的requirements

image
这个是中文文档里面的安装介绍
两处都没提过vue-cli 3的兼容问题

因为有几个月没空维护了,稍后补上。

image
这是编译警告后,打开页面报出的错误。

这里发表在issue里,方便其他vue-cli 3的人查看

vue-cli3中必须使用vue-loader14.2.2,可以跑起来,但是打包应用的时候css被打包到了js文件里面去了,并且js里面css文件未压缩,导致包体积挺大的,@airyland 尽快支持一下vue-cli3吧

@Nomia 按照你的用法,出现以下问题:
而使用

module.exports = {
    configureWebpack: config => {
        require('vux-loader').merge(config, {
            options: {},
            plugins: ['vux-ui']
        })
    }
}

出现以下报错:

You may need an appropriate loader to handle this file type.
| import { render, staticRenderFns } from "./Home.vue?vue&type=template&id=fae5b
ece&"
| import script from "./Home.vue?vue&type=script&lang=js&"
> ../../node_modules/vux-loader/src/script-loader.js!export * from "./Home.vue?v
ue&type=script&lang=js&"

增加'[email protected]'无用

@ZTrainWilliams 现在运行起来必须使用 [email protected], 但打包的时候会有问题

@ZTrainWilliams 现在运行起来必须使用 [email protected], 但打包的时候会有问题

任然引发其他问题:Cannot redefine property: $router
看来只能不考虑vue-cli3.0用vux了。

@ZTrainWilliams 我觉得应该是你那边那里写错了,我这里运行起来都是ok的

@travelk 这项目还是帮人省了不少功夫的

人家费心费力开源项目已经很棒棒了,使用体验算是我目前使用的vue移动端ui框架中最好的,只是还没有兼容[email protected],多点鼓励少点喷,社区会越来越好的

更新一下啊 这么多人反馈的问题
https://segmentfault.com/a/1190000014586699
解决办法:
yarn add [email protected] -D
or
npm install [email protected] -D
不要客气。虽然能运行了 但是会有一堆的警告,并且前台会有一个提示说vue-loader没生效,导致第一次加载会加载所有vux的组件

Was this page helpful?
0 / 5 - 0 ratings

Related issues

felixjing picture felixjing  ·  4Comments

iqiuye picture iqiuye  ·  4Comments

mymmoonoa picture mymmoonoa  ·  4Comments

wonghoman picture wonghoman  ·  4Comments

FlyArtist picture FlyArtist  ·  3Comments