如何在生产中正确设置Ionic/Angular中的innerHtml？

我已通过以下方式实施我的应用程序的隐私政策：

隐私政策

我在

元素中使用

innerHtml

，该元素根据用户的当前语言动态加载我的隐私策略文本

在dev上一切正常，但在部署并将其上载到firebase主机时，我遇到以下错误：

未能加载模块脚本：服务器以非JavaScript MIME类型“text/html”响应。根据HTML规范，对模块脚本执行严格的MIME类型检查

知道会出什么问题吗

PD：这就是它在开发模式下的外观

像这样使用它：

<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>Privacy Policy</ion-title>
  </ion-toolbar>
</ion-header>
<ion-content>
  <ion-grid class="ion-margin">
    <ion-row>
      <ion-col size="12" sizeMd="8" offsetMd="2">
          {{'templates.core.privacy-policy.text' | translate}}
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>
<app-custom-footer></app-custom-footer>

隐私政策
{{'templates.core.privacy policy.text'| translate}}

在搜索了多一点之后，我实现了@Zach在帖子中建议的一个答案的解决方案。我只在编译器选项中添加了tsconfig.json：

"types": ["module"]

---

请解释你做了什么，这样提问者（以及未来的观众）就可以从你的答案中学到东西。这将失败，因为翻译后生成的字符串包含html元素，如，。。。。需要使用innerHtml或以某种方式告诉angular字符串实际上是html…注意innerHtml正在开发中工作，但不在生产中…这是实际的问题您是否尝试过Hi@Zach是的，我以前尝试过，但我没有工作。。。但在仔细研究了一点并再次阅读了这篇文章后，我发现了一条评论，它暗示了我的工作方式。。。我会回答我的问题，以防将来有人会遇到这个问题