vite+vue3和nuxt3实现低版本浏览器兼容的解决方案(白屏问题)
前言项目全线使用vue3的时候,自然使用的是配套更加契合的vite打包工具,于是自然而然会用到很多新的语法,比如这两年开始普及的可选链语法,这个语法都已经纳入声呐的代码规范中了,但是vite自身打包的时候,并不会做过多的兼容处理。默认情况vite的兼容目标是支持原生ES模块,原生ESM动态导入和import.meta的浏览器,官方预设的兼容目标如下:es2020edge 88firefox 78chrome 87safari 14而我们的可选链正是es2020版本才有的,所以vite在打包后不会做任何兼容处理,这就导致了一些浏览器版本低一点的设备,打开网站就会出现白屏的情况。显然这么新的...
![vite+vue3和nuxt3实现低版本浏览器兼容的解决方案(白屏问题)](https://mulingyuer-1253375624.cos.ap-guangzhou.myqcloud.com/%E5%9B%BE%E7%89%87%E7%A9%BA%E9%97%B4/vite%2Bvue3%E5%AE%9E%E7%8E%B0%E4%BD%8E%E7%89%88%E6%9C%AC%E6%B5%8F%E8%A7%88%E5%99%A8%E5%85%BC%E5%AE%B9%E7%9A%84%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88%EF%BC%88%E7%99%BD%E5%B1%8F%E9%97%AE%E9%A2%98%EF%BC%8901.jpg!Anti_theft)
最近评论