vux安裝中遇到的坑

1.輸入 npm install vux --savecss

2.輸入 npm install vux-loader --save-dev(沒安裝的時候,會一直報錯)vue

3.build/webpack.base.conf.js裏參照以下代碼進行配置:webpack

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

注意:將原來的module.exports的值賦值給let webpackConfig,而後再將module.exports設置下面的配置!!!npm

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

而後引入theme.less文件ui

四、安裝less-loader以正確編譯less源碼spa

       npm install less less-loader --save-devcode

五、安裝 yaml-loader 以正確進行語言文件讀取ip

      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

六、main.js

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

相關文章
相關標籤/搜索