极客观点
项目管理
HarmonyOS
由于用户群使用ie浏览器居多，所以想让用户使用ie浏览时自动提示使用chrome浏览的友好信息，但vite创建的vue项目用ie一打开就显示空白页，参考了https://segmentfault.com/a/1190000041156202的方法，也是显示空白页。也在index.html写了友好提示的脚本，但是没有响应。
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>情况分析</title>
</head>
<script type="text/javascript">
(function () {
console.log(navigator);
var ua = navigator.userAgent.toLocaleLowerCase();
var browserType = "",
browserVersion = "";
if (ua.match(/msie/) != null || ua.match(/trident/) != null) {
browserType = "IE";
browserVersion =
ua.match(/msie ([\d.]+)/) != null
? ua.match(/msie ([\d.]+)/)[1]
: ua.match(/rv:([\d.]+)/)[1];
if (1 * browserVersion < 9) {
alert("请在ie11版本浏览器上使用系统");
}
}
})();
</script>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
vue.config.js里面修改
这样就能优先读取ES5。
参考：為甚麼用vue做的網頁在IE會一片空白? - Coding Hot Pot - Medium
已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。