小昱个人博客
欢迎来到小昱的世界

勤学如春起之苗,不见其增,日有所长;辍学如磨刀之石,不见其损,日有所亏
Vue开发中遇到的错误锦集
  • 首页 > 前端 > Vue
  • 作者:小昱
  • 2017年8月25日 15:01 星期五
  • 浏览:448
  • 字号:
  • 评论:0
  • 一、[HMR] 警告: There are multiple modules with names that only differ in casing.

    错误提示:

    There are multiple modules with names that only differ in casing.
    This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.

    错误原因:

    在引入模块的时候大小写混淆引起此错误,如:

    import SueChooseCity from '@souche-vue/sue-pc/src/components/choosecity';

    然在单页应用的另外一个页面的一不小心把choosecity写成了chooseCity

    import SueChooseCity from '@souche-vue/sue-pc/src/components/chooseCity';

    解决方案:

    统一模块的大小写

    参考资料:

    https://segmentfault.com/q/1010000009260908

     


    二、[vue-router] Duplicate named routes definition: { name: "xxx", path: "/xxx" }

    错误提示:

    [vue-router] Duplicate named routes definition: { name: "xxx", path: "/xxx" }

    错误原因:

    在vue-router中定义了相同的name,如:

    {
      path: '/accompany',
      name: '陪诊预约',
      component (resolve) {
        require(['./components/accompany/accompany.vue'], resolve)
      }
    },
    {
      path: '/accompany_detail',
      name: '陪诊预约',
      component (resolve) {
        require(['./components/accompany/accompany_detail.vue'], resolve)
      }
    }

    解决方案:

    将路由的name改为不同的名字

     


     

      您阅读这篇文章共花了:  
    二维码加载中...
    本文作者:小昱      文章标题: Vue开发中遇到的错误锦集
    本文地址:http://www.xiaoyulive.top/?post=124
    版权声明:若无注明,本文皆为“小昱个人博客”原创,转载请保留文章出处。
    返回顶部| 首页| 碰碰手气| 捐赠支持| 手机版本|后花园

    Copyright © 2016-2017 小昱个人博客 滇ICP备16006294号