vue vite 打包 白屏问题

[ZGame]

会在一些老版本的 android tv 上白屏，各位有知道解决办法吗

[ZGame]

@ekikaizeng #20 一直有加 不行

[ZGame]

@wangtian2020 估计是客户自己好几年前的老 android tv

[ekikaizeng]

@ZGame #21 那你可以试试我上面遇到的几个。直接打开打包后的 index.html index.js 文件看看。

[wangtian2020]

搞这种兼容性东西真的浪费时间，不买新电视的话，
给他几百块买个迷你主机能跑网页的装电视后面得了，程序员两天人工费不够付的

[asdjgfr]

首先你要确定客户的 webview 版本，如果不支持 es2016 那么无解，换 vue2+vite 吧。如果版本没问题就去下个对应版本的 chrome 本地调试一下，肯定是某个语法报错了
https://caniuse.com/?search=es2016

[zhangLLL]

这样试试：
legacy({
targets: ["chrome>=70"],
renderLegacyChunks: false,
modernPolyfills: true
}),

[webszy]

看一下支不支持 type=module ，整个 vite 打包都是基于这个的。https://caniuse.com/es6-module 。如果不支持建议退回 vue2.7+webpack

[passion336699]

1. package.json

npm i -D core-js regenerator-runtime @vitejs/plugin-legacy

2. vite.config.ts

import legacy from "@vitejs/plugin-legacy";

plugins: [
legacy({
targets: ["defaults", "not IE 11", "Chrome >= 53", "Android >= 6"],
additionalLegacyPolyfills: [
"core-js/stable",
"regenerator-runtime/runtime",
],
}),
]

3. main.ts

import "core-js/stable";
import "regenerator-runtime/runtime";

[ZGame]

@passion336699 明天我再试试

[ZGame]

@passion336699 这个感觉能成的样子...

[realpg]

你们自己集成个电视盒子就好
商用电视用啥内置 android 系统