项目解决方案:
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不兼容,单独添加依赖的写法还不清楚。如果你知道,还请告诉我,抱拳感谢!