React Helmet在Safari上白屏的解决方法

记录一个陈年老 bug。当时用 React Helmet 做了一个单页应用（SPA），在 Chrome 上能正常显示，但是在 Safari 中就白屏了。经过排查发现，原因是将 charset 的定义放在 <Helmet> 中了。由于 Helmet 中的内容都是通过 JavaScript 动态添加的，在运行 JavaScript 前，charset 没有被指定，Safari 按照默认字符集又无法解析 JavaScript，于是整个应用就白屏了。解决的办法也很简单，就是将 charset 的定义从 <Helmet> 移到 HtmlWebpackPlugin 模板文件的 <head> 中。

错误用法：

src/pages/app.tsx
return (
    <Helmet>
        <meta charSet="UTF-8"/>
    </Helmet>
);

正确用法:

src/templates/template.ejs
<head>
    <meta charset="utf-8"/>
</head>

Windows中让程序开机自启的方法上一篇

Win10任务栏两个以上图标不显示缩略图的解决方法下一篇