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

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、重新发布

uniapp发行web页面在老版本浏览器打开一片空白_第1张图片

你可能感兴趣的:(前端,uni-app,javascript)