公司最近需要做一个微信端的项目,技术选型用vue的移动端框架vux写,按照官网的安装步骤,启动的时候屡次报错,后来百度出以下解决步骤:
- 第一次启动报 vux-loader 错误,解决:
安装vux-loader(vux文档中没有说明)
npm install vux-loader --save-dev
- 安装less-loader(这个是用以正确编译less源码,否则会出现 ' Cannot GET / ',自己看package.json,如果安装了,就不用装了)
npm install less less-loader --save-dev
- 在build文件夹下webpack.base.conf.js 文件进行配置
webpack.base.conf.js文件修改如下:
//将module.exports = {
改为
var originalConfig = {
然后在文件底部加上:
const vuxLoader = require('vux-loader')
const webpackConfig = originalConfig // 原来的 module.exports 代码赋值给变量 webpackConfig
module.exports = vuxLoader.merge(webpackConfig, {
plugins: ['vux-ui']
})
否则会报originalConfig 找不到,
最后在resolve: {extensions: ['.js', '.vue', '.json','.less']里加入.less
- 成功启动