风来自远方 相爱的人总会相逢
蜀ICP备15021793号-2自豪地使用 Typecho 建站搭配使用 🌻Sunny 主题当前在线 16 人
歌曲封面 未知作品

蜀ICP备15021793号-2

网站已运行 3 年 322 天 23 小时 37 分

Powered by Typecho & Sunny

17 online · 27 ms

Title

通过vite打包的项目在部分浏览器上无法跳转/空白页解决办法(记录)

Quite

·

Article
⚠️ 本文最后更新于2021年07月19日,已经过了1089天没有更新,若内容或图片失效,请留言反馈

项目上线后发现有部分浏览器打开项目是空白页,之前以为是浏览器内核版本太低..因为vue3已经放弃ie11了,就让客户换个浏览器,或者升级浏览器解决,有辣么一天有客户反映谷歌浏览器也有打开白屏的问题了...

后来查询资料跟翻阅官方文档发现vite自身就有这个问题,通过 @vitejs/plugin-legacy 解决了此问题,此插件是vite官方兼容常规浏览器的一个插件

用法:

♾️ javascript 代码:
//vite.config.js
import legacy from '@vitejs/plugin-legacy'

export default {
  plugins: [
    vue(),
    legacy({
      polyfills: ['es.promise.finally', 'es/map', 'es/set'],
      modernPolyfills: ['es.promise.finally']
    })
  ]
}
现在已有 2 条评论,2 人点赞
Comment
发表
  1. 头像
    @
    🌟 Quite
    评论数量测试
    · Windows · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  2. 头像
    @
    兜兜
    我的是google66版本的浏览器打开是空白,ie打开是空白,按照你这个配置了然后又配置了浏览器版本结果还是空白
    · Windows · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
搜 索 消 息 足 迹
你还不曾留言过..
你还不曾留下足迹..
博主