vue-cli3.x日常遇到的bug总结

command failed: npm install --loglevel error --registry=[https://registry.npm.taobao.org

​ 解决：首先确保所用到的vue-cli，npm，node等，版本要高一些。然后尝试以下方法：

​ npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

​ npm cache clean --force 清除npm的缓存

最新版本的脚手架安装node-sass依赖包时，安装报错

​ 解决：npm install --unsafe-perm 允许不安全的安装

Macvuecli3+创建项目时 如果不使用sudo创建项目报没有权限

解决：把自己的个人文件夹的权限设置为所有人拥有读写的权利，这样可以不使用sudo创建项目，如果使用sudo创建 项目，项目创建之后安装依赖包也需要权限，包括使用vscode编辑的时候也需要权限，保存的时候会一直提示没有权限保存

mac如果一直报fsxxxxx某个模块没有

解决：安装xcode，并运行根据提示安装插件

当使用swiper4.x的版本的时候，打包会报dom7的错误

解决：dom7是swiper4.x的一个依赖库，打包的时候找不到依赖库，所以报错，添加一个alias（'swiper': 'swiper/dist/js/swiper.js’）

打包之所以出现这个问题，是因为打包的时候使用 uglifyjs-webpack-plugin去除js中的console以及打包之后的js.map文件时 有部分引用的node_module里的js中es6没有编译成es5，导致插件的报错，所以需要在vue.config.js中增加配置transpileDependencies:[]显示转译node_modules这些依赖

修改打包之后的css和js，以及js压缩，部分第三方库不打包而是用cdn

解决：请看vue.config.js配置

axios get和post传参

axios({
    url: '/users',
    method: 'get',
    params: {
        id: '11111',
        name: '22222'
    }
})
axios({
    url: '/users',
    method: 'post',
    data: qs.stringify({
        id: '11111',
        name: '22222'
    })
})

当swiper的数据动态变化时，无法获取realIndex

解决方法：(this.activeIndex - 1 + vm.recommentFaultList.length) % vm.recommentFaultList.length取余获取到正确的realIndex 暂时不知道为啥

当使用js更新swiper时，swiperslides数量不对

解决：需要使用swiper的方法update()或者updateSlides();