使用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'
  ],
  ...
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。