Chrome浏览器无法正确显示德语文本

Question

我有一个使用GatsbyJS静态生成的网站。它使用react-intl进行本地化，但是我不认为这会引起问题。

当我第一次打开网站（该网站托管在AWS S3上）时，它通常会很好地显示德语转录，但是当我打开开发人员工具并刷新页面时，转录经常会打乱（特定的德语字母不会正确显示）。

转录存储在js文件中。

我用来重现错误的步骤：

1. 我重新打开浏览器并转到网站。如果我看到正确的文本，则打开开发工具并转到 Application => Frames部分=> Scripts下拉列表，然后看到：

1. 然后我刷新页面（有时不止一次），现在文本以某种方式被破坏了：

请注意，这是相同的静态文件！

• 这似乎只出现在Chrome中。
• 当我在本地构建和运行网站时，它似乎总是可以工作（这表明它不是Chrome故障）。

不确定哪里可能出问题了

Answer 1

结果显示，响应中的Content-type标头中没有设置javascript文件集。他们在本地有：

Content-Type：javascript； charset = utf-8;

它工作正常，但是当它们上载到AWS S3时，字符集字段已被删除，仅保留：

Content-Type：javascript;

Chrome似乎对它的限制更大。