uniapp发行web页面在老版本浏览器打开一片空白

uniapp发行的web页面（菜单->发行->网站-PC Web或手机H5），对于一些老的浏览器（或内核），打开一片空白；而在新版本的浏览器中打开却正常。这是因为那些版本较低的浏览器不支持ES6的语法和新API。1、在项目的根目录新建一个vite.config.js。

risemypassion

2434人浏览 · 2023-11-10 16:43:14

risemypassion · 2023-11-10 16:43:14 发布

uniapp发行的web页面（菜单->发行->网站-PC Web或手机H5），对于一些老的浏览器（或内核），打开一片空白；而在新版本的浏览器中打开却正常。这是因为那些版本较低的浏览器不支持ES6的语法和新API。

具体解决方法：

1、在项目的根目录新建一个vite.config.js

2、向vite.config.js中copy如下代码：

import { defineConfig } from 'vite';
import uni from '@dcloudio/vite-plugin-uni';
import legacyPlugin from '@vitejs/plugin-legacy'

export default defineConfig({
	plugins: [uni(),
		legacyPlugin({
			targets:['chrome 52'],  // 需要兼容的目标列表，可以设置多个
			additionalLegacyPolyfills:['regenerator-runtime/runtime'] // 面向IE11时需要此插件
		})
	]
});

3、重新发布