vue项目在ie、360兼容模式页面显示空白问题
vue项目中,出现在ie与360兼容模式下打开页面呈现空白问题,如下:控制台报main.js中语法错误~上网搜了一下,大部分解决方案是在webpack配置中与main.js中引入babel-polyfill进行处理由于项目是使用webpack.config.js手动搭建,并未使用vue-cli脚手架,引入babel-polyfill之后在ie、360浏览器中仍然是显示空白。。。原因在...
·
vue项目中,出现在ie与360兼容模式下打开页面呈现空白问题,如下:
控制台报main.js中语法错误~
上网搜了一下,大部分解决方案是在webpack配置中与main.js中引入babel-polyfill进行处理
由于项目是使用webpack.config.js手动搭建,并未使用vue-cli脚手架,引入babel-polyfill之后在ie、360浏览器中仍然是显示空白。。。
原因在webpack.config.js中,加载机只对es或者js文件的es6语法进行了es5转换,而.vue文件中的es6语法并未转换,ie、360兼容模式使用的是ie内核,对es6语法支持不好~
解决方法:
在项目根目录中,新建一个.babelrc文件
里面书写
{ "presets": ["es2015"] }
然后再重新启动webpack -w进行编译, 完美解决~
更多推荐
已为社区贡献10条内容
所有评论(0)