【IE报错】strict 模式下不允许一个属性有多个定义

251 阅读1分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第5天,点击查看活动详情

前提:某个vue项目在Chrome浏览器显示正常,但在IE浏览器上就会白屏并且会报错 strict 模式下不允许一个属性有多个定义 的问题,如下图

image.png

定位问题:如上图所示点击进去查看具体导致报错的原因,如下图所示,知道出错地方在这个文件的第36266行,查看这一行

image.png

在上图能看到导致报错是 placeholder这个属性,这里看到是使用了重复的属性,而且往上看知道该重复的属性是在 el-select 上的,之后我们可以全局查找一下 el-select 并检查定位究竟是哪里重复使用了该属性,我这里的问题最后是查到在某个页面使用的时候写重了才导致报错,只要二选一保留一个即可,那么ie就能正常显示了 image.png

总结:一般这种情况都可能是属性写重导致的,可能IE浏览器要求代码比较严格导致会报错!!!只要定位到具体地方解决就行了。