前言
新项目基本开发完成,开始真机调试。发现ios9.3的手机上项目是空白的😱。
定位问题
开始一通搜,发现很多人说了原因就是es6模块没被解析成浏览器识别的代码。应该装插件编译下,那具体哪个插件或者文件导致的呢?
用mac电脑的safari浏览器的开发模式,调试下iphone手机的safari来定位问题。
发现报错信息来自一个第三方插件:vuex-persist
浏览器兼容问题
所以这算是浏览器兼容问题了,那么去看vuecli的官网吧,官网对Polyfill不同情况有明确的解决方法。我这边用的方法是:vue.config.js里边添加transpileDependencies
module.exports = {
// ...其他配置
transpileDependencies: ['vuex-persist']
}