1. 首页
  2. web前端
  3. Javascript

vue 3.0 iOS10以下白屏问题解决方法

使用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'
  ],
  ...
}

本文来自投稿,不代表 怪小克 立场,如若转载,请注明出处:https://wangchaoke.cn/?p=2170

本站发布的内容若侵犯到您的权益,请邮件联系 860095347@qq.com 删除,我们将及时处理!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

860-095-347

在线咨询:点击这里给我发消息

邮件:860095347@@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code