幻灯片组件开发，出现如下错误，页面也没有出现swiper的效果

文件配置和路径都检查过了，没问题的，这个错误看不太懂，是哪里的原因。

KaFe_Ming 2021-06-28

源自：“仿穷游”商城webapp 3-7 幻灯片组件

11

收起

2回答

好帮手慕言回答被采纳获得+3积分 2021-06-28 16:17:50

同学你好，解答如下：

1、js出现报错会影响到后面代码的执行。

2、background-color属性没有none这个属性值，设置上是不生效的，建议：设置成background-color: transparent;试试。

老师写的是background，属性值可以写成none，点击小三角可以看到具体的样式

祝学习愉快~

好帮手慕言 2021-06-28 14:09:31

同学你好，报错提示：不能读到undefined的addEventListener，出现这种报错，大概率是获取元素时没有获取到，建议：可以查下项目中哪里用到了addEventListener，使用console.log()打印一下使用addEventListener方法时，元素存不存在，不存在那就是元素没有获取到，再分析一下为什么没有获取到就可以了。

如果自己排查不出原因，可以把header文件夹里的代码粘贴上来，老师帮助排查。

祝学习愉快～

提问者 KaFe_Ming #1

错误已经解决，发现了是components里header部分index. js出错，这个文件错误为什么可以联动到page文件夹的index. js呢使得他无法显示幻灯片的css样式和swiper效果

2021-06-28 14:18:46
提问者 KaFe_Ming #2

还有另外一个问题，就是搜索框input的背景已经设置background color为none了但是还是显示的白色没有和后面一样透明

2021-06-28 14:20:37

相似问题

这节课结束之后，幻灯片案例有这个错误，如何解决。只显示了第一张幻灯片

老师，为什么滚动条的更新可以用swiper下面的update,幻灯片得用key来加载呢？

老师，swiper组件从vue-awesome-swiper中调用

出现404错误

老师，返回顶部组件是返回到第一个轮播图的位置，没有轮播图的话为什么还能返回顶部？

登录后可查看更多问答，登录/注册

前端工程师2020

参与学习人
提交作业 7872 份
解答问题 15282 个

前端技术快速更迭，人才紧缺。带你从0基础开始，成为Web全栈工程师，转行就业更顺畅。

本课精华内容

问答作业

老师，我在xhr.send()出错了

92 2

老师好，这里虽然老师给了方法，但我想问问关于定位后的宽高

44 2

函数里面的参数是函数,那么里面作为参数的函数是如何调用的?

74 4

老师请检查

30 1

老师，关于ctx.set()我存在困惑

32 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载