IE浏览器进入是空白页面SyntaxError:语法错误+SCRIPT1002: 语法错误+SCRIPT5009: “proxy”未定义

错误1.IE11进入页面报错,显示语法错误

IE浏览器进入是空白页面SyntaxError:语法错误+SCRIPT1002: 语法错误+SCRIPT5009: “proxy”未定义_第1张图片
解决方法:将报错页面的异步引入改为直接引入(好像没啥效果)

—修改前–
IE浏览器进入是空白页面SyntaxError:语法错误+SCRIPT1002: 语法错误+SCRIPT5009: “proxy”未定义_第2张图片
—修改后—
在这里插入图片描述
IE浏览器进入是空白页面SyntaxError:语法错误+SCRIPT1002: 语法错误+SCRIPT5009: “proxy”未定义_第3张图片
修改之后出现:
错误2:SCRIPT1002: 语法错误
在这里插入图片描述
IE浏览器进入是空白页面SyntaxError:语法错误+SCRIPT1002: 语法错误+SCRIPT5009: “proxy”未定义_第4张图片
报错原因:报错的依赖包并没有被检测出来并进行语法转换,恰好这个依赖包不支持IE浏览器
如官网所说:
IE浏览器进入是空白页面SyntaxError:语法错误+SCRIPT1002: 语法错误+SCRIPT5009: “proxy”未定义_第5张图片
IE浏览器进入是空白页面SyntaxError:语法错误+SCRIPT1002: 语法错误+SCRIPT5009: “proxy”未定义_第6张图片
这时候就需要:显式的将这个依赖包放到vue.config.js中的transpileDependencies中去,告诉babel需要转换这个包
在这里插入图片描述
再次运行:
错误3:proxy未定义

解决方法:针对Proxy 对象进行 polyfill,我们在public下 index.html 文件中引入下载的 es6-proxy-polyfill.js,放到public目录下引入


或者直接引入


这样就完美运行啦~~~

参考文章:https://blog.csdn.net/weixin_42126947/article/details/118723969

你可能感兴趣的:(vue.js,javascript,html5)