javaee论坛

普通会员

225648

帖子

335

回复

349

积分

楼主
发表于 2019-11-03 06:45:23 | 查看: 464 | 回复: 0

vue项目中,出现在ie与360兼容模式下打开页面呈现空白问题,如下:控制台报main.js中语法错误~上网搜了一下,大部分解决方案是在webpack配置中与main.js中引入babel-polyfill进行处理由于项目是使用webpack.config.js手动搭建,并未使用vue-cli脚手架,引入babel-polyfill之后在ie、360浏览器中仍然是显示空白。。。

关注我的微信公众号【前端基础教程从0开始】,加我微信,可以免费为您解答问题。回复“1”,拉你进程序员技术讨论群。回复“小程序”,领取300个优秀的小程序开源代码+一套入门教程。回复“领取资源”,领取300G前端,Java,微信小程序,Python等资源,让我们一起学前端。

原因在webpack.config.js中,加载机只对es或者js文件的es6语法进行了es5转换,而.vue文件中的es6语法并未转换,ie、360兼容模式使用的是ie内核,对es6语法支持不好~

解决方法:在项目根目录中,新建一个.babelrc文件里面书写{“presets”:[“es2015”]}然后再重新启动webpack-w进行编译,完美解决~


您需要登录后才可以回帖 登录 | 立即注册

触屏版| 电脑版

技术支持 历史网 V2.0 © 2016-2017