原因:嵌套的浏览器版本过低进行兼容即可 vite代码版本较高,导致低版本浏览器无法运行 vite项目浏览器兼容性 vue3打包后在低版本浏览器或webview中出现白屏,原因就是因为语法兼容问题。根据vite官方文档描述,build.target默认支持 Chrome >=87、Firefox >=78、Safari >=14、Edge >=88 传送,所以需要我们手动兼容低版本。
问题可能出在环境变量 VITE_BROWSER 的值上。在你的 .env 文件中,你指定了浏览器的路径,路径中包含了反斜杠 \,这在字符串中是特殊字符,需要转义。 你可以尝试将 VITE_BROWSER 的值改为: VITE_BROWSER='C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe' 或者使用正斜杠 /: VITE_BROWSER='C:/...
Vite 默认会构建为 ESM,不支持 ESM 的浏览器将会出现兼容问题。 可尝试用这个插件解决:@vitejs/plugin-legacy import legacy from '@vitejs/plugin-legacy' export default { plugins: [ legacy({ polyfills: ['es.promise.finally', 'es/map', 'es/set'], modernPolyfills: ['es.promise.finally'] }) ...
中top: 0; right: 0; bottom: 0; left: 0;会被编译成inset: 0;,但是360极速浏览器等部分浏览器采用的Chrome内核比较老,还不识别inset,所以无法正常显示。只需要在vite.config.js中配置css的编译目标,设置成更早一点的标准即可,也可以直接设置成主流浏览器版本比如chrome83。 build:{cssTarget:'chrome83'}...
Vue3 Vite Hot Reload (HMR) 在浏览器中不起作用 我正在使用 vite 开发一个 vue3 项目。HMR 在我的开发环境中无法正常工作。当 vue 文件编辑时,vite 处理更改并通过 websocket 正确发送消息 {"type":"update","updates":[{"type":"js-update","timestamp":1669740364450,"path":"/src/views/user/...
随着Vue 3和Vite等现代前端技术的兴起,开发者们享受到了前所未有的开发效率和项目性能。然而,当我们将这些先进技术应用于生产环境时,一个不容忽视的问题便是低版本浏览器的兼容性。特别是对于那些还在使用Internet Explorer(IE)或较旧Chrome版本的用户,直接运行Vue 3 + Vite构建的应用可能会导致白屏或功能缺失。本文...
关于vue3+vite兼容低版本的白屏问题的相关资料 vue3打包后在低版本浏览器或webview中出现白屏,原因就是因为语法兼容问题。根据vite官方文档描述,build...
项目全线使用vue3的时候,自然使用的是配套更加契合的vite打包工具,于是自然而然会用到很多新的语法,比如这两年开始普及的可选链语法,这个语法都已经纳入声呐的代码规范中了,但是vite自身打包的时候,并不会做过多的兼容处理。 默认情况vite的兼容目标是支持原生ES模块,原生ESM动态导入和import.meta的浏览器,官方预设的...
1回答 张轩 2021-06-13 09:08:57 同学vite 需要浏览器支持 es modules 直接加载 只有最新的一系列浏览器才支持 请看支持表:https://caniuse.com/?search=modules 如果你想兼容比较旧的浏览器 可以使用 vue-cli 0 回复 相似问题使用create-react-app搭建项目有ie浏览器不兼容情况 1400 0 3 请问老师...