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

1. 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的缓存

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

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

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

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

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

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

5. 当使用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这些依赖

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

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

7. 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'
       })
   })
   

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

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

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

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