• 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)

  • 相关阅读:
    Vue条件判断
    揭秘webpack plugin
    vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多
    npx 是什么?
    PAT 1100 Mars Numbers[难]
    PAT 1075 PAT Judge[比较]
    PAT 1083 List Grades[简单]
    PAT 1082 Read Number in Chinese[难]
    PAT 1135 Is It A Red-Black Tree[难]
    PAT 1127 ZigZagging on a Tree[难]
  • 原文地址:https://www.cnblogs.com/qdlhj/p/8000749.html
Copyright © 2020-2023  润新知