使用vue-cli3搭建的项目,在iOS10以下打开就一直白屏,猜测es6及更高版本语法的问题。
虽然默认已经使用了babel转译,但是项目有第三方依赖库,可能没有被babel转译,果然找到项目中使用了 swiper
、xxx-ui
的第三方依赖,所以配置了依赖库编译,问题就解决了。
第三方库的配置方式当然是先创建一个 vue.config.js
文件啊,具体配置内容如下:
module.exports = {
...
devServer: {
host: '0.0.0.0'
},
transpileDependencies: [
'swiper', // 将可能不会被编译的依赖写到该数组
'xxx-ui',
'dom7',
'ssr-window'
],
...
}
网友评论