本文介绍了在使用Nuxt.js开发PC页面时遇到的IE11兼容性问题，特别是由于引入awesome-swiper和three.js库导致的ES6语法错误。通过分析错误原因，提出了解决方案，即在nuxt.config.js中配置transpile选项，用Babel编译这些特定的依赖，确保在IE11及更低版本中正常运行。
1.pc页面在IE11报错
最近在做PC端的页面，引入了three.js（3d动画）和vue-baidu-map（百度地图）以及vue-awesome-swiper（定制轮播，采用了高版本的swiper），在chrome浏览器和edg是没有问题的，但是在ie11以及下是不行的，并且因为报错阻塞了页面一些业务逻辑的运行。
先来看一下在IE11中的报错（这里只举例引入vue-awesome-swiper引发的错误）
看到错误信息：
2.错误原因
可以看到是因为引入swiper（vue-awesome-swiper安装时会同时安装swiper）的包，导致的错误，而在这个文件中有许多的es6的语法，应该是没有编译导致的错误
3.解决方案
因为我采用的是vue的nuxt，方法如下：
修改nuxt.config，增加
最低0.47元/天 解锁文章
扫一扫
939
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
