【vue】vue-cli创建的项目兼容ie浏览器

【vue】vue-cli创建的项目兼容ie浏览器
ie报错的信息:
【vue】vue-cli创建的项目兼容ie浏览器_第1张图片
解决方法:

1.安装babel-polyfill

npm install babel-polyfill -s

2.安装es6-promise

npm install es6-promise --s

3.在main.js文件中引入安装的二个依赖

// 兼容IE浏览器
import 'babel-polyfill'
import Es6Promise from 'es6-promise'
require('es6-promise').polyfill()
Es6Promise.polyfill()

【vue】vue-cli创建的项目兼容ie浏览器_第2张图片

4.vue.config.js文件,修改webpack的配置

// 兼容IE浏览器
config.entry.app = ['babel-polyfill', './src/main.js'];

【vue】vue-cli创建的项目兼容ie浏览器_第3张图片

5完成

【vue】vue-cli创建的项目兼容ie浏览器_第4张图片

你可能感兴趣的:(vue,vue.js,javascript,前端)