Vue兼容IE报错SCRIPT1002:‘语法错误’,SCRIPT1003: 缺少 ‘:‘

写在前面:对于兼容IE浏览器,因为IE对代码的编写要求比较严格,如果出现不兼容可以去查看所用框架等的官方文档,会有额外的收获。

代码可以在360浏览器上的极速模式下正确显示,但是在兼容模式下页面不能正常显示。代码编程主要用的是Vue框架。

SCRIPT1003: 缺少 ':'
因为IE浏览器对代码的编程要求较高,所以要兼容IE浏览器尽量不要缩写,1003报错定位发现是一个函数简写了,将函数定义补充完整,就不再报错了。

beforeDestroy(){}   //原代码
beforeDestory:function(){}   //修改后代码

对代码进行如上修后不再报1003错误了,但是一直弹出某个函数未被定义,定位到该函数该函数定义没有错误,先放下不管了,看看第一个错误1002。

SCRIPT1002:‘语法错误’

  1. 定位到报错行,发现是axios添加请求拦截器的config报错,百度了很久,几乎没有什么进展,后来专门去搜了一下axios,发现有篇文章的config包含在函数了,抱着试一试的心态改了代码,发现添加请求拦截器里的config不报错了,但是下面的error报错,于是把axios中的config、error、response都用函数包了起来,IE浏览器不报错了。1003报错修改后的未被定义错误也没有了。。
service.interceptors.request.use(config => { }  //原代码
service.interceptors.request.use(function(config) { }  //修改后代码
  1. 函数命名不规范,将所有的箭头函数改成function函数
test(() =>{})   //原函数
test:function(){}  //改正后函数

你可能感兴趣的:(前端兼容)