vue-cli3项目兼容IE11

项目解决方案:

1:安装 @babel/polyfill 模块

npm install @babel/polyfill --save

2:引入@babel/polyfill

在main.js 下面直接引入 import ‘@babel/polyfill’ 亲测无效

具体引用是在vue.config.js中configureWebpack字段中（vue3初始化没有vue.config.js文件。可直接创建，与 package.json 同级）

module.exports = { configureWebpack: config => { //引入@babel/polyfill'模块 config.entry.app = ["@babel/polyfill", "./src/main.js"]; }, //配置不兼容的依赖文件,项目 transpileDependencies: [ 'element-ui', 'swiper', //配置所有不兼容文件，会增加打包项目大小 process.env.NODE_ENV === "development" ? ["*"] : [], ] }

3: 修改bable.config.js文件

module.exports = { presets: [ ['@vue/app', { useBuiltIns: 'entry' }] ] };

4:重启项目运行

注： IE项目报错以下类似问题，应该是语法不兼容。 对应的依赖包加入vue.config.js中transpileDependencies依赖文件配置列表中，本项目采用了配置所有文件。菜鸟前端的我对于部分js不兼容，单独添加依赖的写法还不清楚。如果你知道，还请告诉我，抱拳感谢！