使用vue-cli3搭建的项目在iOS10以下白屏的解决

使用vue-cli3搭建的项目,在iOS10以下打开就一直白屏,猜测es6及更高版本语法的问题。

虽然默认已经使用了babel转译,但是项目有第三方依赖库,可能没有被babel转译,果然找到项目中使用了 swiperxxx-ui的第三方依赖,所以配置了依赖库编译,问题就解决了。

第三方库的配置方式当然是先创建一个 vue.config.js 文件啊,具体配置内容如下:

module.exports = {
  ...
  devServer: {
    host: '0.0.0.0'
  },
  transpileDependencies: [
    'swiper', // 将可能不会被编译的依赖写到该数组
    'xxx-ui',
    'dom7',
    'ssr-window'
  ],
  ...
}

你可能感兴趣的:(使用vue-cli3搭建的项目在iOS10以下白屏的解决)