打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
vue项目兼容IE浏览器

vue项目兼容IE浏览器
利用vue-cli脚手架搭建的项目打包后在chrome下正常显示,IE浏览器下显示空白,这是因为缺少babel-polyfill处理器的缘故。

vue-cli脚手架构建的项目结构:

 

 

 

解决方法:
1、安装babel-polyfill包;

npm install babel-polyfill --save-dev

安装完之后,在package.json文件中显示:

 

 

 

2、在main.js文件中引入babel-polyfill;

 

 

 

3、在webpack.base.config.js中将entry中的app: './src/main.js'配置改为:app: ['babel-polyfill', './src/main.js'];

 

 

 

这样配置之后,重新打包上传,就可以在IE浏览器下正常显示了。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
脚手架创建vue2项目解决低版本手机浏览器白屏_vue低版本白屏_weixin
Vue + ElementUI 手撸后台管理网站基本框架(一)创建项目
如何优化我们的代码(vue项目)
vue . js 前端开发常见问题集锦
手摸手,带你用vue撸后台 系列四(vueAdmin 一个极简的后台基础模板)
现在开始使用 ES6
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服