老师你好您了解vant官方文档吗,这里的出现的报错无法理解。

老师你好您了解vant官方文档吗,这里的出现的报错无法理解。

而且我看官方文档没有明确说注册button按钮需要用这种表达形式呀。要是自己写肯定不知道

  components: {

    [Button.name]:Button

  },



这是我的路由代码index.js

{

    path: '/contactList',

    name: '联系人列表',

    component: ()=>import('../views/ContactList.vue')

  }

这是view里面的一个vue文件代码

<template>

  <div class="home">

      <van-button type="default">默认按钮</van-button>

  </div>

</template>


<script>

import axios from 'axios';

import { Button } from 'vant';

export default {

  name: 'contactList',

  components: {

    [Button.name]:Button

  },

  created(){

    axios.get('/data.json').then(res=>{

      console.log(res)

    })

  }

}

</script>

报错:

http://img1.sycdn.imooc.com//climg/6002b7ee094544db04380247.jpg


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕慕子 2021-01-17 19:12:07

同学你好, 老师们对vant也不太了解,对于babel.config相关配置也不是很了解,同学如果觉得是这里有问题,可以从这方面排查下问题,或者在网上查找一下这个报错的解决办法。

另外,看截图报错也可能是由于代码中哪里引入ContactList.vue文件时,名称大小写没有保持一致,建议同学也可以从这方面检查一下。

http://img1.sycdn.imooc.com//climg/60041a50090e416f08580430.jpg

祝学习愉快~

好帮手慕夭夭 2021-01-16 18:41:05

同学你好,目前课程中不涉及vant,所以老师也不太了解vant。不过看同学截图的报错,是找不到CaseSensitivePathsPlugin这个模块。同学可以从这一快下手自己去排查一下问题,或者在网上查找一下这个报错的解决办法哦。

http://img1.sycdn.imooc.com//climg/6002c18c09949d6704270178.jpg

祝学习愉快~

  • 提问者 Vigorous阿炎 #1

    老师你这样一说我感觉好像是我babel.config文件出错了

    http://img1.sycdn.imooc.com//climg/6003b55b09ea300406830816.jpg

    2021-01-17 11:56:19
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师