html - 角度应用程序将德语字符编码为乱码

我创建了一个具有德语字符的Angular 5应用程序。我正在IntelliJ IDE上工作，并且在html中使用德语字符时遇到问题。根据这些票据How can I properly display German characters in HTML? 和How can I use special characters in angular directives attributes?中已经给出的信息，我在html文件中添加了以下几行：

<html xml:lang="de" lang="de">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" charset="utf-8" />
</head>
...

此外，我在IDE中将文件编码类型设置为UTF-8。

编译代码时，我可以看到它们已正确编码在webpack文件中，但是当我部署（openshift部署）时，却变得乱码代替德国变音符号：Image with incorrect Encoding

尽管我刷新页面一次，但页面得到纠正：Image with correct Enoding

有人可以协助解决这个问题吗？