本文详细介绍了如何处理IE11浏览器的语法错误，包括将异步引入改为直接引入，以及针对不支持IE的依赖包进行语法转换。当依赖包未被正确转换时，通过在vue.config.js中配置transpileDependencies。对于Proxy对象不支持的问题，通过引入proxy-polyfill解决。最后，成功实现代码在IE11上的完美运行。
错误1.IE11进入页面报错，显示语法错误
解决方法：将报错页面的异步引入改为直接引入（好像没啥效果）
—修改前–
—修改后—
修改之后出现：
错误2：SCRIPT1002: 语法错误
报错原因：报错的依赖包并没有被检测出来并进行语法转换，恰好这个依赖包不支持IE浏览器
如官网所说：
这时候就需要：显式的将这个依赖包放到vue.config.js中的transpileDependencies中去，告诉babel需要转换这个包
再次运行：
错误3：proxy未定义
解决方法：针对Proxy 对象进行 polyfill，我们在public下 index.html 文件中引入下载的 es6-proxy-polyfill.js,放到public目录下引入
<script src = "<%= BASE_URL %>proxy.min.js"></script>
或者直接引入
<script src = "https://cdn.jsdelivr.net/npm/proxy-polyfill@0.3.0/proxy.min.js"></script>
这样就完美运行啦~~~
参考文章：https://blog.csdn.net/weixin_42126947/article/details/118723969
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
