当前位置: 首页 > Web前端 > vue.js

Vue项目下,IE报错SCRIPT1003-missing'-',导致空白页的解决方法

时间:2023-03-31 22:32:19 vue.js

?今年年初加入素材组,遇到的第一个问题就是解决兼容性问题IE。?1当时的情况IE浏览器登录系统时,无法加载登录页面,页面是空白的,所以无法访问系统中的其他页面。2查看报错在IE浏览器中输入系统网址,打开控制台,发现有这样的报错:SCRIPT1003:Missing':'第一个想法是需要对webpack进行一些兼容性配置,所以小编低下头,默默的先进行了一个大概的配置操作。3进行通用兼容性配置由于本系统前端框架使用的脚手架是3.x版本,所以必须针对cli3进行配置。3.1检查vue.config.js文件3.2引入polyfillcnpminstalles6-promise–D3.3配置presets打开babel.config.js文件,设置presets如下://vuecli3不需要配置transform-vue-jsxpresets:[['@vue/app',{useBuiltIns:'entry',polyfills:['es6.promise','es6.symbol']}]],插件:['lodash','jsx-v-model']}3.4入口文件的配置打开main.js文件,导入3.1安装的polyfill:importEs6Promisefrom'es6-promise'Es6Promise.polyfill()4检查第三方库,进行常规配置后,报错仍然报错,此时可以确定其余原因是第三方插件导致的。需要查看package.json文件中引入了哪些第三方库。将可能存在兼容性问题的库引入到vue.config.js文件下的transpileDependencies集合中。经查,将以下两个库添加到集合中:transpileDependencies:['vue-echarts','resize-detector','v-contextmenu','vue-runtime-helpers']5测试配置完成后,重启验证的项目。这时发现可以成功登录系统,进入首页。至此,问题已经解决,可以顺利加载登录页面,成功登录系统。成功解决,嘻嘻嘻嘻嘻嘻。作者简介:JeremyCC是一个爱唱歌的前端工程狮子,喜欢我的可以关注我哦!(头像仅供参考,哈哈)