vux安装中遇到的坑

1.输入 npm install vux --save

2.输入 npm install vux-loader --save-dev（没安装的时候，会一直报错）

3.build/webpack.base.conf.js里参照如下代码进行配置：

var vueLoaderConfig = require('./vue-loader.conf')
const vuxLoader = require('vux-loader')

注意：将原来的module.exports的值赋值给let webpackConfig，然后再将module.exports设置下面的配置！！！

module.exports = vuxLoader.merge(webpackConfig, {
plugins: [
{
name: 'vux-ui'
},
{
name: 'duplicate-style'
},{
name: 'less-theme',
path: 'src/common/css/theme.less'
}
]
})

然后引入theme.less文件

4、安装less-loader以正确编译less源码

       npm install less less-loader --save-dev

5、安装 yaml-loader 以正确进行语言文件读取

      npm install yaml-loader --save-dev

我踩的坑！！！

根据以上步骤后，启动项目cnpm run dev 以后是会报错，

坑1报 Module build failed: Error: Cannot find module 'escodegen' 错误

解决方法安装！！！
npm i --save-dev escodegen

坑2报 报 Module build failed: Error: Cannot find module 'strip-comments' 

解决方法安装！！！
npm  install strip-comments --save-dev

6、main.js

//引入vux提示文件
import { AlertPlugin, ToastPlugin } from 'vux'
Vue.use(AlertPlugin)
Vue.use(ToastPlugin)

转载于:https://www.cnblogs.com/qdlhj/p/8000749.html