vue-cli3项目浏览器兼容问题,在低版本系统中白屏

vue-cli3项目浏览器兼容问题,在低版本系统中白屏

vue-cli3 中自带 babel-polyfill ,会将es6语法转化成es5 语法。但是如果依赖中有es6, polyfill是不能检测出来的。官网解释:

vue-cli3项目浏览器兼容问题,在低版本系统中白屏_第1张图片
处理办法:

如果该依赖基于一个目标环境不支持的 ES 版本撰写: 将其添加到 vue.config.js 中的 transpileDependencies 选项。这会为该依赖同时开启语法转换和根据使用情况检测 polyfill。

比如我新加的依赖为swiper, 在 vue.config.js文件中添加如一行:

transpileDependencies: ["swiper"]

然后重启项目

亲测有效。官网还给出了其他解决办法,具体看官网

vue-cli2 ES6语法不兼容导致白屏的 解决办法

你可能感兴趣的:(vue,vue,vue-cli3,白屏,es6语法兼容)