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的错误

    解决:dom7swiper4.x的一个依赖库,打包的时候找不到依赖库,所以报错,添加一个alias('swiper': 'swiper/dist/js/swiper.js’)

    打包之所以出现这个问题,是因为打包的时候使用 uglifyjs-webpack-plugin去除js中的console以及打包之后的js.map文件时 有部分引用的node_module里的jses6没有编译成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'
        })
    })
    
  1. swiper的数据动态变化时,无法获取realIndex

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

  2. 当使用js更新swiper时,swiperslides数量不对

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 2,112评论 0 2
  • vue-cli3项目搭建配置以及性能优化 在之前的开发中主要用的是vue-cli2,最近空闲时间比较多,接下来有新...
    bayi_lzp阅读 19,503评论 16 68
  • NPM NPM 是随同 Node 一起安装的包管理工具,能解决 Node 代码部署上的很多问题,常见的使用场景有以...
    heyi_let阅读 2,607评论 0 2
  • 我之前的一篇文章,《Vue-cli3基于webpack + prerender-spa-plugin + vue-...
    颂温暖阅读 8,059评论 3 13
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 2,979评论 1 4