react | vue 在ie、360兼容模式、搜狗兼容模式空白页

615 阅读1分钟

问题出现

最近大批线下用户反馈后台管理页面空白页,特别强调了是最近两三天出现的,于是我就扒了扒最近的版本记录和git提交记录,然而并没有发现什么问题(版本回退还是会出现),于是就开始着手解决,在浏览器控制台发现下图

image.png

不止上面的,还有很多提示语法错误,少了引号,少了这少了那的,ok,问题找到了,开始解决

问题原因

我查了很多资料,95%都说是因为ie、360兼容模式、搜狗兼容模式,使用的是ie内核,而ie内核对于es6的语法支持度并不高,所以导致了语法错误,剩余 5% 是插件问题或者使用急速模式

问题解决

1.安装 babel-plugin 安装npm install --save-dev babel-polyfill

2.在项目中配置(三种方式)

1. package.json添加配置项(直接在一级子级添加即可)

entry: { app: ["babel-polyfill","./src/main.js"] }

  1. /src/index.js import 'babel-polyfill' 在package.json 的 browserslist 添加 ie11

3.app: ['./node_modules/babel-polyfill/dist/polyfill.js','./src/main.js']