关于从GitHub上导入vue组件的注意事项

由于产品需求 要在日历表上实现多选 然而ant-design对多选日历框并不支持 所以学长给我推荐了一个github上的日历组件 来实现日历组件功能
链接如下:
https://github.com/jinzhe/vue-calendar#features

大概是这样的
一开始我傻不拉几直接从github上下载的源文件 直接粘贴在项目里
结果各种报错 一下午光处理那些报错了。。啥事都没干
后来听学长说可以直接npm导入github上的项目包
具体指令:
在这里插入图片描述
导入后 再让组件的引入项目
在node_modules中引入的组件目录
在这里插入图片描述
项目中引入:
在这里插入图片描述
但是引入后还是报错 显示组件无法引入:
在这里插入图片描述
这时候我发现引入的目录下 有两个重名的文件。。就是这俩。。
在这里插入图片描述
由于vscode自动补全引入文件路径时 是自动省略文件后缀名的 有两个名称相同的文件时就无法引入 加入后缀名后就可以辽
在这里插入图片描述
在这里插入图片描述
最终就可以了

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值