美文网首页
探坑第一步,如何解决启动vux项目报错

探坑第一步,如何解决启动vux项目报错

作者: sproutZhang | 来源:发表于2019-03-11 10:33 被阅读0次

公司最近需要做一个微信端的项目,技术选型用vue的移动端框架vux写,按照官网的安装步骤,启动的时候屡次报错,后来百度出以下解决步骤:

  1. 第一次启动报 vux-loader 错误,解决:
    安装vux-loader(vux文档中没有说明)
npm install vux-loader --save-dev
  1. 安装less-loader(这个是用以正确编译less源码,否则会出现 ' Cannot GET / ',自己看package.json,如果安装了,就不用装了)
npm install less less-loader --save-dev
  1. 在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

  1. 成功启动

相关文章

网友评论

      本文标题:探坑第一步,如何解决启动vux项目报错

      本文链接:https://www.haomeiwen.com/subject/fukvpqtx.html