使用低端浏览器打开项目白屏问题:不兼容es6语法,需要配置babel
1、安装babel-polyfill
2、修改babel.config.js
module.exports = {
presets: [
['@vue/app', { 'useBuiltIns': 'entry', polyfills: ['es6.promise', 'es6.symbol'] }]
]
}
3、vue.config.js添加需要转码编译的第三方插件
module.exports = defineConfig({
transpileDependencies: ["lodash", "pinia", "swiper", "vue3-seamless-scroll"],
})
4、入口文件首行导入
import "babel-polyfill";
import "core-js/stable";