vue-cli3项目浏览器兼容问题,在低版本系统中白屏
vue-cli3项目浏览器兼容问题,在低版本系统中白屏vue-cli3 中自带 babel-polyfill ,会将es6语法转化成es5 语法。但是如果依赖中有es6, polyfill是不能检测出来的。官网解释:处理办法:如果该依赖基于一个目标环境不支持的 ES 版本撰写: 将其添加到 vue.config.js 中的 transpileDependencies 选项。这会为该依赖同时开启语法
·
vue-cli3项目浏览器兼容问题,在低版本系统中白屏
vue-cli3 中自带 babel-polyfill ,会将es6语法转化成es5 语法。但是如果依赖中有es6
, polyfill是不能检测出来的。官网解释:
处理办法:
如果该依赖基于一个目标环境不支持的 ES 版本撰写: 将其添加到 vue.config.js 中的 transpileDependencies 选项。这会为该依赖同时开启语法转换和根据使用情况检测 polyfill。
比如我新加的依赖为swiper
, 在 vue.config.js
文件中添加如一行:
transpileDependencies: ["swiper"]
然后重启项目
亲测有效。官网还给出了其他解决办法,具体看官网
vue-cli2 ES6语法不兼容导致白屏的 解决办法
更多推荐
已为社区贡献18条内容
所有评论(0)