VueThink项目入手的几个小坑
寒假直接用vuethink做了个小项目,vuethink挺好用的,但是很多东西都有冗余,而且有不少bug,不细心的话是很麻烦的。前不久因为课程的需要,直接把框架拿出来做大作业,正好把之前遇到的坑都记录下(菜鸟一枚,脱坑后又掉进去了)
1.安装地址:
https://github.com/honraytech/VueThink(网上的安装教程很多,这里不详细说了)
2.npm run dev后失败了,运行图不见了,但是一般都是这个错
:webpack compiler 和 loader版本不匹配,下的webpack是1.15的老版本,不过不影响使用(千万不要手贱升级webpack版本,否则后面会遇到不少问题,推荐在项目初就给他升级,能跑起来再做下去)按照提示,升级了loader版本,具体的可以百度,其他依赖插件大多不需要升级。
3.修改main.js里面的后台路由地址
:
这两处直接改为你自己的后台路由地址。
4.bug的修复。
(1)批量选择的bug:
你会发现批量选择按钮没有效果,没有传数据到后台,发现是element-ui版本太低了,因此升级了下版本:
先卸载npm uninstall element-ui
随后更新npm i element-ui -S
最后改下main.js: import 'element-ui/lib/theme-chalk/index.css'
把default改为chalk。
(2)验证码无法显示:
还有其他的一些bug,等我开始做了,再继续更新。。。